├── .gitignore ├── README.md ├── background.js ├── gtd-trello ├── board-tabs │ ├── board-tabs.css │ └── board-tabs.js ├── card-badges │ ├── card-badges.css │ └── card-badges.js ├── card-counts │ ├── card-counts.css │ └── card-counts.js ├── card-dates │ ├── card-dates.css │ └── card-dates.js ├── card-heights │ ├── card-heights.css │ └── card-heights.js ├── card-labels │ ├── card-labels.css │ └── card-labels.js ├── card-links │ ├── card-links.css │ └── card-links.js ├── card-separators │ ├── card-separators.css │ └── card-separators.js ├── card-tags │ ├── card-tags.css │ └── card-tags.js ├── card-times │ ├── card-times.css │ └── card-times.js ├── gtd-trello.css ├── gtd-trello.js ├── list-colors │ ├── list-colors.css │ └── list-colors.js ├── list-directory │ ├── list-directory.css │ └── list-directory.js ├── list-labels │ ├── list-labels.css │ └── list-labels.js ├── list-pipes │ ├── list-pipes.css │ └── list-pipes.js ├── list-projects │ ├── list-projects.css │ └── list-projects.js ├── list-separators │ ├── list-separators.css │ └── list-separators.js └── popup │ ├── popup.css │ └── popup.js ├── images └── icon.png ├── lib └── jquery.min.js └── manifest.json /.gitignore: -------------------------------------------------------------------------------- 1 | resources 2 | desktop.ini 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![GTD Trello](http://oneezy.com/www/gtd/logo-new-new.png) 2 | 3 | # GTD Trello (Version 0.5.0) 4 | 5 | This is an opensource Chrome extension for [Trello] that allows you to visualize your Trello boards in unique ways! It follows best practices borrowed from the [Agile], [GTD], and [4 Hour Work Week] methods... and bakes them right into your Trello board! The result?... Turning your Trello board into the ultimate platform for Getting Things Done! 6 |
7 |
8 | 9 | 10 | #####     B E F O R E         -->         A F T E R         -->         V I S I O N 11 | 12 | 13 | ![GTD Trello](http://oneezy.com/www/gtd/gtd-trello.gif) 14 | 15 |
16 | 17 | ### Features 18 | Some of these features work by default, while some have to be enabled through user input. By typing certain text into the "List Title", "Card Title", or "Card Label", the features will be turned on or off. Below I'll specify which features are default and which ones are manual input along with the "(TEXT)" keyword that enables each feature. Eventually all features will be enabled/disabled from a pretty popup menu..but for now, bare with me. 19 |
20 |
21 | 22 | #####     DEFAULT 23 |        ✔ **Board Tabs:** Turns your Trello board into a "Folder Tab" structure
24 |        ✔ **Card Counts:** Displays the number of cards in your list and takes on the color of your "List Color" (deafault is black)
25 |        ✔ **Card Dates:** This adds visual animations to your cards that have "Due Dates"
26 |        ✔ **Card Links:** Adds the ability to have "hyperlinks" inside card titles
27 |
28 | 29 | 30 | #####     LIST TITLE 31 |        ✔ **List Separators:** Adds space around lists for better organization
32 |               • ```(SPACE) - Adds space on left and right sides of list```
33 |               • ```(SPACE-R) - Adds space on the right sides of list```
34 |               • ```(SPACE-L) - Adds space on the left sides of list```
35 | 36 | 37 | 38 |        ✔ **List Colors:** Adds "Trello" colored borders to the top of lists for better organization
39 |               • ```(WHITE)``` 40 |               • ```(BLUE)``` 41 |             • ```(DARK BLUE)```
42 |               • ```(YELLOW)``` 43 |             • ```(ORANGE)``` 44 |          • ```(RED)```
45 |               • ```(PURPLE)``` 46 |             • ```(PINK)``` 47 |              • ```(GREEN)```
48 |               • ```(DARK GREEN)``` 49 |       • ```(GRAY)``` 50 |             • ```(DARK GRAY)```
51 | 52 | 53 | 54 | 55 |        ✔ **List Layouts:** This styles your lists in unique ways that helps you visualize your data more efficiently
56 |               • ```(PIPE) - Shrinks your list small and only shows the background "cover" image, shows data on hover```
57 |               • ```(PROJECTS) - This creates a way to see "Epics" or "Projects" more visually, best used with```[cardsync]
58 |               • ```(HEIGHT) - Sets a minimum height on cards so you see more data (hover over cards to see full height)``` 59 |

60 | 61 | 62 | #####     CARD TITLE 63 |        ✔ **Card Separators:** This adds a separator in your lists to allow you to group cards more efficiently
64 |               • ```---TITLE---``` 65 |

66 | 67 | 68 | #####     CARD LABEL 69 |        ✔ **Priority Labels:** This adds a "weight" to your cards so you can visually see what's most important and what's not
70 |               • ```(PRIORITY: 1) - This adds a "small" border to the left of your cards```
71 |               • ```(PRIORITY: 2) - This adds a "medium" border to the left of your cards```
72 |               • ```(PRIORITY: 3) - This adds a "large" border to the left of your cards```
73 |               • ```(PRIORITY: 4) - This adds an "extra large" border to the left of your cards```
74 | 75 | --- 76 | 77 | Please refer to the [GTD Trello Demo] board to see examples of these features in action (after you install the extension). 78 | 79 | --- 80 | 81 |
82 | 83 | ### Getting Started 84 | 85 | For users and beta testers, click "Download ZIP" 86 | 87 | For developers, 88 | You should have [Git] installed locally and a [Github] account: 89 | 90 | ``` 91 | sh 92 | $ git clone https://github.com/oneezy/gtd-trello.git 93 | $ cd gtd-trello 94 | ``` 95 |
96 | 97 | ### Chrome Extension Installation 98 | 99 | * In your Chrome browser, navigate to your [Extensions] manager 100 | * Select the "Developer mode" checkbox 101 | * Click "Load unpacked extension..." button 102 | * Navigate to the folder **"gtd-trello"** 103 | * Enable the GTD Trello extension 104 | 105 |
106 |
107 | 108 | ### Demo, Development, Feature Requests 109 | 110 | **DEMO:** https://trello.com/b/oRSeLRW0/gtd-trello-demo
111 | **DEVELOPMENT:** https://trello.com/b/TQJod6cX/gtd-trello-development-board
112 | **FEATURE REQUESTS:** https://github.com/oneezy/gtd-trello/issues
113 | **SUPPORT THIS PROJECT:** https://www.patreon.com/oneezy
114 | 115 | Opensource developers are always welcome! 116 | 117 | ---------- 118 | **IMPORTANT!** 119 | ---------- 120 | You'll have to refresh the Trello Board page when navigating to it from direct link. It's a bug I'm working on fixing ;) 121 | ---------- 122 | ---------- 123 | 124 | ![Support GTD Trello](http://oneezy.com/www/gtd/gtd-trello-support-new.png) 125 | 126 | 127 | [Trello]: 128 | [Agile]: 129 | [GTD]: 130 | [4 Hour Work Week]: 131 | [cardsync]: 132 | [GTD Trello Demo]: 133 | [Git]: 134 | [Github]: 135 | [Extensions]: 136 | [5 minute YouTube tutorial]: 137 | [Reload Extensions]: 138 | [Trello List Layouts, Trello Board]: 139 | -------------------------------------------------------------------------------- /background.js: -------------------------------------------------------------------------------- 1 | chrome.webNavigation.onHistoryStateUpdated.addListener(function(details) { 2 | chrome.tabs.executeScript(null,{file:"js/gtd-trello.js"}); 3 | }); 4 | -------------------------------------------------------------------------------- /gtd-trello/board-tabs/board-tabs.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Board Tabs) 3 | *************************************************************************/ 4 | /* Main Header */ 5 | .gtd-trello #header { border: 10px solid transparent; } 6 | 7 | /* Board Header */ 8 | .gtd-trello .board-header { background: rgba(0,0,0, .15); line-height: 0; padding: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; } 9 | .gtd-trello .board-header .gtd-tab { display: inline-block; padding: 8px 4px 8px 8px; border-radius: 7px 7px 0 0; } 10 | .gtd-trello .board-header .gtd-tab .board-header-btn:not(.no-edit):hover { background: rgba(255,255,255,.15); } 11 | 12 | .gtd-trello .board-header .gtd-tab .board-header-btns.mod-right { position: absolute; top: 0; right: 0; } 13 | .gtd-trello .board-header .gtd-tab .board-header-btns.mod-right .board-header-btn:not(.no-edit):hover { background: rgba(0,0,0,.15); } 14 | 15 | /* Board Canvas */ 16 | .gtd-trello .board-canvas { border-top: 15px solid transparent; } 17 | 18 | /* Board Lists */ 19 | .gtd-trello .list-wrapper:first-child { margin-left: 30px; } 20 | -------------------------------------------------------------------------------- /gtd-trello/board-tabs/board-tabs.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Board Tabs) 3 | *************************************************************************/ 4 | 5 | 6 | // Create Tabs 7 | function GTD_BoardTabs(){ 8 | 9 | var gtdTab = ".gtd-trello .board-header"; 10 | var gtdBG = $( "body" ).attr( "style" ); 11 | 12 | // Creating... 13 | $(gtdTab).wrapInner( '
' ); 14 | 15 | // Applying body background color to tab 16 | $( ".gtd-tab" ).attr("style", gtdBG); 17 | } 18 | -------------------------------------------------------------------------------- /gtd-trello/card-badges/card-badges.css: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /gtd-trello/card-badges/card-badges.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Board Tabs) 3 | *************************************************************************/ 4 | 5 | 6 | // Create Tabs 7 | function GTD_CardBadges(){ 8 | 9 | var gtdBadge = ".gtd-trello .list-card .points-badge"; 10 | 11 | // Creating... 12 | // $(secondaryBadge).append( '
' ); 13 | 14 | // Applying body background color to tab 15 | // $( ".gtd-tab" ).attr("style", gtdBG); 16 | // 17 | // $('.badges').each(function (){ 18 | // if($(this).children('.badge').hasClass("is-due-past, points-badge")) 19 | // { 20 | // $(this).parents('.list-card').append('is-due-past'); 21 | // } 22 | // 23 | // else if($(this).children('.badge').hasClass("is-due-now")) 24 | // { 25 | // $(this).parents('.list-card').addClass('is-due-now'); 26 | // } 27 | // 28 | // else if($(this).children('.badge').hasClass("is-due-soon")) 29 | // { 30 | // $(this).parents('.list-card').addClass('is-due-soon'); 31 | // } 32 | // 33 | // else if($(this).children('.badge').hasClass("is-due-future")) 34 | // { 35 | // $(this).parents('.list-card').addClass('is-due-future'); 36 | // } 37 | // }); 38 | 39 | } 40 | -------------------------------------------------------------------------------- /gtd-trello/card-counts/card-counts.css: -------------------------------------------------------------------------------- 1 | 2 | /************************************************************************ 3 | GTD Trello (Card Counts) 4 | *************************************************************************/ 5 | 6 | /* List Header */ 7 | .gtd-trello .list-wrapper .list .list-header { line-height: 20px; } 8 | .gtd-trello .list-wrapper .list .list-header .list-header-num-cards { text-shadow: rgba(0, 0, 0, 0.27) 1px 1px 0px; display: block; background: black; color: white; border-radius: 3px; height: 21px; max-height: 21px; width: 25px; text-align: center; position: absolute; top: 8px; left: 8px; } 9 | 10 | .gtd-trello .list-wrapper .list .list-header.editing .list-header-num-cards { display: none; } 11 | 12 | /* List Title (h2) */ 13 | .gtd-trello .list-wrapper .list .list-header .list-header-name-assist { display: inline-block; padding: 0 0 0 27px; } 14 | 15 | /* List Title (textarea) */ 16 | .gtd-trello .list-wrapper .list .list-header .list-header-name { display: none; padding: 0 0 0 27px; } 17 | .gtd-trello .list-wrapper .list .list-header .list-header-name.is-editing { display: inline-block; } 18 | .gtd-trello .list-wrapper .list .list-header .list-header-name.is-editing ~ .list-header-name-assist { display: none; } 19 | 20 | 21 | /* Card Counts */ 22 | .gtd-cardcount { position: absolute; top: 4px; right: 4px; display: inline-block; padding: 4px; font-size: 28px; color: rgba(77, 77, 77, 0.2) !important; 23 | 24 | animation-name: cardcounts; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: .25s; } 25 | 26 | @keyframes cardcounts { 27 | 0% { 28 | opacity: 0; 29 | } 30 | 100% { 31 | opacity: 1; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /gtd-trello/card-counts/card-counts.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Totals) 3 | *************************************************************************/ 4 | 5 | 6 | 7 | function GTD_CardCounts(){ 8 | 9 | // Remove the word " cards" and " card" from card totals 10 | $('.list-header-num-cards:contains(" cards")').each(function(){ 11 | $(this).html($(this).html().split(" cards").join("")); 12 | }); 13 | 14 | $('.list-header-num-cards:contains(" card")').each(function(){ 15 | $(this).html($(this).html().split(" card").join("")); 16 | }); 17 | 18 | 19 | // Delete the card counts 20 | /* 21 | $(".gtd-cardcount").remove(); 22 | */ 23 | 24 | // Re-write the card counts! 25 | 26 | /* 27 | $(".gtd-trello .list.gtd-blue .list-card").not(".gtd-separator").each(function(i) { 28 | 29 | $(this).find(".card-short-id").after(""); 30 | $(this).find(".gtd-cardcount").text(++i); 31 | 32 | }); 33 | */ 34 | } 35 | -------------------------------------------------------------------------------- /gtd-trello/card-dates/card-dates.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Due Dates) 3 | *************************************************************************/ 4 | .gtd-trello .list .badges { width: 100%; margin: 20px 0 4px; } 5 | 6 | /* Badges (default) */ 7 | .gtd-trello .list .badge.is-due-past { background: #cacbcd; } 8 | .gtd-trello .list .badge.is-due-now { background: #cacbcd; animation: blink 1.5s infinite linear !important; } 9 | .gtd-trello .list .badge.is-due-soon { background: #cacbcd; } 10 | .gtd-trello .list .badge.is-due-future { background: #ccc; } 11 | .gtd-trello .list .badge.is-due-future .badge-text { color: inherit; } 12 | 13 | /* Calendar Style */ 14 | .gtd-trello .list .badges .badge.is-due-past, 15 | .gtd-trello .list .badges .badge.is-due-now, 16 | .gtd-trello .list .badges .badge.is-due-soon, 17 | .gtd-trello .list .badges .badge.is-due-future { 18 | border: 2px solid black; 19 | border-top: 14px solid black; 20 | border-radius:8px; 21 | text-align: center !important; 22 | display: block; 23 | height: 24px; 24 | overflow: visible; 25 | float: right; 26 | background: rgba(0,0,0,.25); 27 | margin: 0 0 4px; 28 | } 29 | 30 | 31 | .gtd-trello .list .badges .badge.is-due-past { border-color: rgba(236, 148, 136, 1); background: rgba(236, 148, 136, .5); opacity: .5; } 32 | .gtd-trello .list .badges .badge.is-due-now { border-color: rgba(235, 90, 70, 1); background: rgba(235, 90, 70, .25); } 33 | .gtd-trello .list .badges .badge.is-due-soon { border-color: rgba(230, 198, 13, 1); background: rgba(230, 198, 13, .25); } 34 | .gtd-trello .list .badges .badge.is-due-future { border-color: rgba(0, 194, 224, 1); background: rgba(0, 194, 224, .25); } 35 | 36 | .gtd-trello .list .badges .badge.is-due-past .badge-icon { background: rgba(236, 148, 136, 1) !important; } 37 | .gtd-trello .list .badges .badge.is-due-now .badge-icon { background: rgba(235, 90, 70, 1) !important; } 38 | .gtd-trello .list .badges .badge.is-due-soon .badge-icon { background: rgba(230, 198, 13, 1) !important; } 39 | .gtd-trello .list .badges .badge.is-due-future .badge-icon { background: rgba(0, 194, 224, 1) !important; } 40 | 41 | 42 | 43 | /* Colored Lists */ 44 | .gtd-trello .list[class*="gtd-"] .badges .badge.is-due-past .badge-text:first-line, 45 | .gtd-trello .list[class*="gtd-"] .badges .badge.is-due-now .badge-text:first-line, 46 | .gtd-trello .list[class*="gtd-"] .badges .badge.is-due-soon .badge-text:first-line, 47 | .gtd-trello .list[class*="gtd-"] .badges .badge.is-due-future .badge-text:first-line { 48 | color: rgba(0,0,0,.54); 49 | font-size: 7pt; 50 | line-height: 12pt; 51 | padding: 0 0 10px; 52 | display: inline-block; 53 | font-weight: normal; 54 | } 55 | 56 | 57 | 58 | .gtd-trello .list .badges .badge.is-due-past .badge-text:first-line, 59 | .gtd-trello .list .badges .badge.is-due-now .badge-text:first-line, 60 | .gtd-trello .list .badges .badge.is-due-soon .badge-text:first-line, 61 | .gtd-trello .list .badges .badge.is-due-future .badge-text:first-line 62 | { 63 | color: rgba(0,0,0, .5); 64 | font-size: 7pt; 65 | line-height: 12pt; 66 | padding: 0 0 10px; 67 | display: inline-block; 68 | font-weight: normal; 69 | } 70 | 71 | /* Default Lists */ 72 | .gtd-trello .list.gtd-white .badges .badge.is-due-past .badge-text:first-line, 73 | .gtd-trello .list.gtd-white .badges .badge.is-due-now .badge-text:first-line, 74 | .gtd-trello .list.gtd-white .badges .badge.is-due-soon .badge-text:first-line, 75 | .gtd-trello .list.gtd-white .badges .badge.is-due-future .badge-text:first-line, 76 | 77 | .gtd-trello .list.gtd-black .badges .badge.is-due-past .badge-text:first-line, 78 | .gtd-trello .list.gtd-black .badges .badge.is-due-now .badge-text:first-line, 79 | .gtd-trello .list.gtd-black .badges .badge.is-due-soon .badge-text:first-line, 80 | .gtd-trello .list.gtd-black .badges .badge.is-due-future .badge-text:first-line, 81 | 82 | .gtd-trello .list.gtd-red .badges .badge.is-due-past .badge-text:first-line, 83 | .gtd-trello .list.gtd-red .badges .badge.is-due-now .badge-text:first-line, 84 | .gtd-trello .list.gtd-red .badges .badge.is-due-soon .badge-text:first-line, 85 | .gtd-trello .list.gtd-red .badges .badge.is-due-future .badge-text:first-line, 86 | 87 | .gtd-trello .list.gtd-darkgray .badges .badge.is-due-past .badge-text:first-line, 88 | .gtd-trello .list.gtd-darkgray .badges .badge.is-due-now .badge-text:first-line, 89 | .gtd-trello .list.gtd-darkgray .badges .badge.is-due-soon .badge-text:first-line, 90 | .gtd-trello .list.gtd-darkgray .badges .badge.is-due-future .badge-text:first-line, 91 | 92 | .gtd-trello .list.gtd-darkblue .badges .badge.is-due-past .badge-text:first-line, 93 | .gtd-trello .list.gtd-darkblue .badges .badge.is-due-now .badge-text:first-line, 94 | .gtd-trello .list.gtd-darkblue .badges .badge.is-due-soon .badge-text:first-line, 95 | .gtd-trello .list.gtd-darkblue .badges .badge.is-due-future .badge-text:first-line { 96 | color: rgba(256,256,256, 1); 97 | font-size: 7pt; 98 | line-height: 12pt; 99 | padding: 0 0 10px; 100 | display: inline-block; 101 | font-weight: normal; 102 | } 103 | 104 | 105 | 106 | .gtd-trello .list .badges .badge.is-due-past .badge-text, 107 | .gtd-trello .list .badges .badge.is-due-now .badge-text, 108 | .gtd-trello .list .badges .badge.is-due-soon .badge-text, 109 | .gtd-trello .list .badges .badge.is-due-future .badge-text { 110 | font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 111 | color: rgba(0,0,0,.25); 112 | display: inline-block; 113 | word-spacing: 9999px; 114 | width: 30px; 115 | text-transform: uppercase; 116 | font-size: 14pt; 117 | line-height: 16pt; 118 | white-space: normal; 119 | font-weight: bold; 120 | transform: translateY(-15px); 121 | } 122 | 123 | 124 | /* Hidden */ 125 | .gtd-trello .list .badges .badge.is-due-past .icon-clock, 126 | .gtd-trello .list .badges .badge.is-due-now .icon-clock, 127 | .gtd-trello .list .badges .badge.is-due-soon .icon-clock, 128 | .gtd-trello .list .badges .badge.is-due-future .icon-clock { display: none; } 129 | 130 | .gtd-trello .list .badges .badge[class*="is-due-"] .badge-icon { 131 | display: block !important; 132 | width: 16px; 133 | height: 16px; 134 | border-radius: 100%; 135 | position: absolute; 136 | right: -6px; 137 | bottom: -6px; 138 | z-index: 1; 139 | background: transparent; 140 | } 141 | 142 | .gtd-trello .list .badges .badge[class*="is-due-"] .badge-icon:before { 143 | display: inline-block !important; 144 | content: ""; 145 | text-align: center; 146 | position: absolute; 147 | left: 2px; 148 | right: 2px; 149 | bottom: 0; 150 | color: white !important; 151 | background: transparent; 152 | } 153 | 154 | .gtd-trello .list .badges .badge.is-due-past .badge-icon:before { content: "✕"; font-size: 10px; } 155 | .gtd-trello .list .badges .badge.is-due-now .badge-icon:before { content: "❗"; } 156 | .gtd-trello .list .badges .badge.is-due-soon .badge-icon:before { content: "❗"; } 157 | .gtd-trello .list .badges .badge.is-due-future .badge-icon:before { content: "✲"; } 158 | 159 | /* Badges (PIPE) */ 160 | .gtd-trello .gtd-pipe .list-card .list-card-cover { border: 7px solid #cacbcd; } 161 | .gtd-trello .gtd-pipe .list-card .list-card-cover:before { content: ""; border-radius: 100%; display: block; position: absolute; top: -7px; right: -7px; bottom: -7px; left: -7px; z-index: 1; } 162 | .gtd-trello .gtd-pipe .list-card .list-card-cover:after { content: ""; border-radius: 100%; display: block; position: absolute; top: -7px; right: -7px; bottom: -7px; left: -7px; z-index: 2; } 163 | 164 | .gtd-trello .list-card.is-due-past .list-card-cover:before { background: #EC9488; opacity: .5; } 165 | .gtd-trello .list-card.is-due-past .list-card-cover:after { border: 7px solid #CF513D !important; } 166 | .gtd-trello .list-card.is-due-now .list-card-cover:after { border: 7px solid #CF513D !important; animation: blink 1.5s infinite linear !important; } 167 | .gtd-trello .list-card.is-due-soon .list-card-cover:after { border: 7px solid #F2D600 !important; } 168 | .gtd-trello .list-card.is-due-future .list-card-cover:after { border: 7px solid #00C2E0 !important; } 169 | 170 | 171 | 172 | 173 | @keyframes blink { 174 | 0% { opacity: 1; } 175 | 50% { opacity: .5; } 176 | 100% { opacity: 1; } 177 | } 178 | -------------------------------------------------------------------------------- /gtd-trello/card-dates/card-dates.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Due Dates) 3 | *************************************************************************/ 4 | 5 | 6 | // Add Due Dates 7 | function GTD_DueDates(){ 8 | $('.badges').each(function (){ 9 | if($(this).children('.badge').hasClass("is-due-past")) 10 | { 11 | $(this).parents('.list-card').addClass('is-due-past'); 12 | } 13 | 14 | else if($(this).children('.badge').hasClass("is-due-now")) 15 | { 16 | $(this).parents('.list-card').addClass('is-due-now'); 17 | } 18 | 19 | else if($(this).children('.badge').hasClass("is-due-soon")) 20 | { 21 | $(this).parents('.list-card').addClass('is-due-soon'); 22 | } 23 | 24 | else if($(this).children('.badge').hasClass("is-due-future")) 25 | { 26 | $(this).parents('.list-card').addClass('is-due-future'); 27 | } 28 | }); 29 | } 30 | 31 | // Remove Due Dates 32 | function GTD_RemoveDates(){ 33 | $( ".remove-date" ).on( "click", function() { 34 | $(this).parent().find(".list-card-details") 35 | .clone().appendTo('body') 36 | .addClass('gtd-active') 37 | .css({ 'position' : 'fixed', 'top' : top+ 'px', 'left' : position+ 'px' }); 38 | }); 39 | } 40 | -------------------------------------------------------------------------------- /gtd-trello/card-heights/card-heights.css: -------------------------------------------------------------------------------- 1 | 2 | /************************************************************************ 3 | GTD Trello (Card Heights) 4 | *************************************************************************/ 5 | 6 | /* Limits Card Height */ 7 | .gtd-trello .list-wrapper .list.gtd-height .list-card { transition: all 0.5s ease-out; overflow: hidden; max-height: 52px; } 8 | 9 | /* Shows full height on hover */ 10 | .gtd-trello .list-wrapper .list.gtd-height .list-card:hover { overflow: visible; max-height: 300px; } 11 | -------------------------------------------------------------------------------- /gtd-trello/card-heights/card-heights.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Heights) 3 | *************************************************************************/ 4 | 5 | 6 | // Add Card Heights 7 | function GTD_CardHeights() { 8 | 9 | // Add class 10 | $( 'h2:contains("(HEIGHT)")' ).parents('.list').addClass('gtd-height'); 11 | 12 | // Remove Text... 13 | $( 'h2:contains("(HEIGHT)")' ).each(function(){ 14 | $(this).html($(this).html().split("(HEIGHT)").join("")); 15 | }); 16 | 17 | } 18 | -------------------------------------------------------------------------------- /gtd-trello/card-labels/card-labels.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Labels) 3 | *************************************************************************/ 4 | /* Default */ 5 | .gtd-trello .list-card .list-card-details .list-card-labels .card-label { text-shadow: 1px 1px 0 rgba(0,0,0,.54) !important; font-size: 10px !important; font-weight: normal !important; text-transform: uppercase !important; letter-spacing: .5px !important; line-height: 13pt !important; padding: 0px 7px !important; width: auto !important; height: auto !important; } 6 | 7 | /* Priority */ 8 | .gtd-trello .list-card-details.priority-1 { border-left: 1px solid #ccc; } 9 | .gtd-trello .list-card-details.priority-2 { border-left: 3px solid #ccc; } 10 | .gtd-trello .list-card-details.priority-3 { border-left: 7px solid #ccc; } 11 | .gtd-trello .list-card-details.priority-4 { border-left: 11px solid #ccc; } 12 | 13 | /* Card Status */ 14 | .gtd-backlog *, .gtd-new *, .gtd-doing *, .gtd-testing *, .gtd-ready *, .gtd-done *, .gtd-blocked *, .gtd-problem *, .gtd-staging *, .gtd-live * { color: rgba(0, 0, 0, .27) !important; } 15 | 16 | .gtd-trello .list-card.gtd-backlog { background: rgba(196, 201, 204, 1); } 17 | .gtd-trello .list-card.gtd-new { background: rgba(0, 194, 224, .47); } 18 | .gtd-trello .list-card.gtd-doing { background: rgba(230, 198, 13, .47); } 19 | .gtd-trello .list-card.gtd-testing { background: rgba(255, 171, 74, .47); } 20 | .gtd-trello .list-card.gtd-ready { background: rgba(255, 128, 206, .47); } 21 | .gtd-trello .list-card.gtd-done { background: rgba(81, 232, 152, .47); } 22 | .gtd-trello .list-card.gtd-blocked { background: rgba(77, 77, 77, .47); } 23 | .gtd-trello .list-card.gtd-problem { background: rgba(255, 0, 66, .47); } 24 | .gtd-trello .list-card.gtd-staging { background: rgba(195, 119, 224, .47); } 25 | .gtd-trello .list-card.gtd-live { background: rgba(0, 121, 191, .47); } 26 | -------------------------------------------------------------------------------- /gtd-trello/card-labels/card-labels.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Labels) 3 | *************************************************************************/ 4 | 5 | 6 | // Creating Card Labels 7 | function GTD_CardLabels(){ 8 | 9 | // Add Priority 10 | $( '.list-card-labels .card-label:contains("PRIORITY: 1")' ).hide().parents(".list-card-details").addClass('priority-1'); 11 | $( '.list-card-labels .card-label:contains("PRIORITY: 2")' ).hide().parents(".list-card-details").addClass('priority-2'); 12 | $( '.list-card-labels .card-label:contains("PRIORITY: 3")' ).hide().parents(".list-card-details").addClass('priority-3'); 13 | $( '.list-card-labels .card-label:contains("PRIORITY: 4")' ).hide().parents(".list-card-details").addClass('priority-4'); 14 | 15 | // Add Status 16 | $( '.list-card-labels .card-label:contains("STATUS: BACKLOG")' ).hide().parents(".list-card").addClass('gtd-backlog'); 17 | $( '.list-card-labels .card-label:contains("STATUS: NEW")' ).hide().parents(".list-card").addClass('gtd-new'); 18 | $( '.list-card-labels .card-label:contains("STATUS: DOING")' ).hide().parents(".list-card").addClass('gtd-doing'); 19 | $( '.list-card-labels .card-label:contains("STATUS: TESTING")' ).hide().parents(".list-card").addClass('gtd-testing'); 20 | $( '.list-card-labels .card-label:contains("STATUS: READY")' ).hide().parents(".list-card").addClass('gtd-ready'); 21 | $( '.list-card-labels .card-label:contains("STATUS: DONE")' ).hide().parents(".list-card").addClass('gtd-done'); 22 | $( '.list-card-labels .card-label:contains("STATUS: PROBLEM")' ).hide().parents(".list-card").addClass('gtd-problem'); 23 | $( '.list-card-labels .card-label:contains("STATUS: BLOCKED")' ).hide().parents(".list-card").addClass('gtd-blocked'); 24 | $( '.list-card-labels .card-label:contains("STATUS: STAGE")' ).hide().parents(".list-card").addClass('gtd-staging'); 25 | $( '.list-card-labels .card-label:contains("STATUS: LIVE")' ).hide().parents(".list-card").addClass('gtd-live'); 26 | 27 | } 28 | -------------------------------------------------------------------------------- /gtd-trello/card-links/card-links.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Links) 3 | *************************************************************************/ 4 | 5 | 6 | /*.gtd-trello .list-card .gtd-link { display: block; color: inherit; text-decoration: none; } 7 | .gtd-trello .list-card .gtd-link:before { content: "➜ "; text-decoration: none; letter-spacing: 1px; display: inline-block; } 8 | 9 | .gtd-active-link { transition: color 0.25s ease-out; display: block; color: rgba(0,0,0, 0); text-decoration: none; } 10 | .gtd-active-link:before { content: "➜ "; text-decoration: none; letter-spacing: 1px; } 11 | .gtd-active-link:hover { display: block; color: rgba(0,0,0, .47); }*/ 12 | 13 | 14 | /************************************************************************ 15 | GTD Trello (Card Links) 16 | *************************************************************************/ 17 | 18 | .gtd-trello .list-card .gtd-link { 19 | display: block; 20 | color: inherit; 21 | } 22 | 23 | .gtd-active-link { 24 | transition: color 0.25s ease-out; 25 | display: inline-block; 26 | color: rgba(0, 0, 0, 0); 27 | } 28 | 29 | .gtd-active-link:hover { 30 | display: block; 31 | color: rgba(0, 0, 0, .47); 32 | } -------------------------------------------------------------------------------- /gtd-trello/card-links/card-links.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Links) 3 | ************************************************************************* 4 | 5 | This is a bit hacky! But it's the only method I've found that works... 6 | 7 | 8 | THE PROBLEM 9 | --------------- 10 | When you write anything in a "Card Title" in Trello, it wraps 11 | the entire text inside of an element and auto-links to 12 | the "back" of a card. So, even if you were to dynamically insert 13 | a link to http://google.com, you're going to the card back, baby. 14 | 15 | THE SOLUTION 16 | --------------- 17 | 1.) Create the links dynamically like you normally would (regEX). 18 | 2.) Give the link a "display: inline-block" and get the x/y position of the link. 19 | 3.) Clone the link and append it to the body element. 20 | 4.) Apply the x/y position of the "new link" to the "old link" on hover. 21 | 22 | 23 | Voila! Now we've got links "inside" our Trello cards (sorta). 24 | 25 | */ 26 | 27 | 28 | function GTD_CardLinks() { 29 | 30 | // Look in the card titles 31 | $(".list-card-title").each(function() { 32 | 33 | var GTDtext = $(this).html(); 34 | var GTDlinkEX = /(https?:\/\/([-\w\.]+)+(:\d+)?(\/([\w\/_\.]*(\?\S+)?)?)?)/ig; 35 | var GTDlink = GTDtext.replace(GTDlinkEX, "$1"); 36 | 37 | $(".gtd-link:empty").remove(); 38 | 39 | // Re-write html w/ hyperlinks 40 | $(this).html(GTDlink); 41 | }); 42 | 43 | 44 | // Create card links... 45 | $(".gtd-link").on("mouseover", function() { 46 | var rect = this.getBoundingClientRect(), 47 | top = rect.top, 48 | left = rect.left; 49 | 50 | $(this) 51 | .clone().appendTo('body') 52 | .removeClass('gtd-link') 53 | .addClass('gtd-active-link') 54 | .css({ 55 | 'position': 'fixed', 56 | 'top': top + 'px', 57 | 'left': left + 'px', 58 | 'display': 'block', 59 | 'z-index': '99999' 60 | }); 61 | }); 62 | 63 | 64 | // Removing Card Links... 65 | $(".list-cards").scroll(function() { 66 | $(".gtd-active-link").remove(); 67 | }); 68 | 69 | $("#board, .list-wrapper, .list, .list-cards, .list-card").mousedown(function() { 70 | $(".gtd-active-link").remove(); 71 | }); 72 | 73 | $("#board, .list-wrapper, .list").mouseenter(function() { 74 | $(".gtd-active-link").remove(); 75 | }); 76 | 77 | } -------------------------------------------------------------------------------- /gtd-trello/card-separators/card-separators.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (CARD SEPARATORS) 3 | *************************************************************************/ 4 | .gtd-trello .gtd-separator { background: transparent; border: none !important; margin: 20px 0 0px; text-align: center; } 5 | .gtd-trello .gtd-separator:hover { background: transparent; border: none !important; } 6 | .gtd-trello .gtd-separator:first-child { margin: 0; } 7 | .gtd-trello .gtd-separator:after { content: ""; display: block; position: absolute; top: 40%; right: 0; left: 0; width: 100%; height: 1px; background: #ccc; opacity: .5; } 8 | 9 | .gtd-trello .gtd-separator .list-card-title { background: #E2E4E6; text-transform: uppercase; font-size: 11px; display: inline-block; padding: 0 5px; color: rgba(77,77,77, .3); } 10 | .gtd-trello .gtd-separator .icon-edit { top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; } 11 | .gtd-trello .gtd-separator .icon-edit:before { opacity: 0; } 12 | .gtd-trello .gtd-separator .icon-edit:hover { opacity: 0; } 13 | .gtd-trello .gtd-separator .icon-edit:focus { opacity: 0; } 14 | .gtd-trello .gtd-separator .icon-edit:active { opacity: 0; } 15 | 16 | .gtd-trello .gtd-separator .list-card-labels { display: none; } 17 | 18 | 19 | /* TEMP (Card Backs... Separators + Priority)*/ 20 | .gtd-trello .gtd-separator-back { width: 100%; height: 1px; background: #ccc; margin: 1rem 0; } 21 | .gtd-trello .gtd-separator-back * { opacity: 0; } 22 | .gtd-trello .gtd-separator-priority { color: rgb(255, 0, 66); } 23 | 24 | .gtd-trello .gtd-separator .badges, 25 | .gtd-trello .gtd-separator label { display: none; } 26 | -------------------------------------------------------------------------------- /gtd-trello/card-separators/card-separators.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (CARD SEPARATORS) 3 | *************************************************************************/ 4 | 5 | function GTD_CardSeparators(){ 6 | 7 | // Add "right" separator class 8 | $('.list-card-title:contains("---")').parents('.list-card').addClass('gtd-separator'); 9 | 10 | // Remove Text... 11 | $('.list-card-title:contains("---")').each(function(){ 12 | $(this).html($(this).html().split("---").join("")); 13 | }); 14 | 15 | 16 | 17 | 18 | // TEMP 19 | // TEMP 20 | // TEMP 21 | 22 | // Add separator "back" class 23 | // $('.gtd-trello .checklist-item-details-text:contains("---")').parents('.checklist-item').addClass('gtd-separator-back'); 24 | 25 | // Remove Text... 26 | // $('.gtd-trello .checklist-item-details-text:contains("---")').each(function(){ 27 | // $(this).html($(this).html().split("---").join("")); 28 | // }); 29 | 30 | 31 | 32 | // TEMP 33 | // TEMP 34 | // TEMP 35 | 36 | // Add bold "back" class 37 | // $('.gtd-trello .checklist-item-details-text:contains("* ")').parents('.checklist-item *').addClass('gtd-separator-priority'); 38 | 39 | // Remove Text... 40 | // $('.gtd-trello .checklist-item-details-text:contains("* ")').each(function(){ 41 | // $(this).html($(this).html().split("* ").join("")); 42 | // }); 43 | 44 | } 45 | -------------------------------------------------------------------------------- /gtd-trello/card-tags/card-tags.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Links) 3 | *************************************************************************/ 4 | .gtd-trello .list-card .gtd-tag { display: inline-block; background: #c377e0; color: #fff; padding: 2px 6px; border-radius: 3px; } 5 | -------------------------------------------------------------------------------- /gtd-trello/card-tags/card-tags.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Tags) 3 | *************************************************************************/ 4 | 5 | function GTD_CardTag(){ 6 | 7 | // Look through content... 8 | $(".list-card-title").each(function() { 9 | 10 | var content = $(this).html(); 11 | var regexTag = /#([a-zA-Z]+)/ig; 12 | var thisTag = content.replace(regexTag, "$1"); 13 | 14 | // Re-write html w/ hyperlinks 15 | $(this).html(thisTag); 16 | 17 | }); 18 | 19 | } 20 | -------------------------------------------------------------------------------- /gtd-trello/card-times/card-times.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Times) 3 | *************************************************************************/ 4 | .gtd-trello .list-card .gtd-time { display: inline-block; color: #00c2e0; padding: 2px 6px; border-radius: 3px; } 5 | -------------------------------------------------------------------------------- /gtd-trello/card-times/card-times.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Card Links) 3 | *************************************************************************/ 4 | 5 | function GTD_CardTime(){ 6 | 7 | // Look in the card titles 8 | $(".list-card-title").each(function() { 9 | 10 | var content = $(this).html(); 11 | var regexTime = /:([0-9]+)/ig; 12 | var thisTime = content.replace(regexTime, "$1"); 13 | 14 | // Re-write html w/ hyperlinks 15 | $(this).html(thisTime); 16 | 17 | }); 18 | 19 | } 20 | -------------------------------------------------------------------------------- /gtd-trello/gtd-trello.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Default/ Reset) 3 | *************************************************************************/ 4 | 5 | /* DEFAULT: Reset 6 | *************************************************************************/ 7 | /* Board Wrapper */ 8 | #board { overflow: auto !important; } 9 | 10 | /* List Wrapper */ 11 | .gtd-trello .list-wrapper { position: relative; } 12 | 13 | /* List Header */ 14 | .gtd-trello .list-wrapper .list-header { min-height: 80px; line-height: 21px; padding: 8px 34px 4px 10px; } 15 | .gtd-trello .list-wrapper .list-header h2 { width: 100% } 16 | .gtd-trello .list-wrapper .list-header textarea { 17 | position: absolute; 18 | top: 7px; 19 | left: 8px; 20 | right: 0; 21 | bottom: 4px; 22 | margin: 0 !important; 23 | padding: 2px 0 0 29px !important; 24 | height: 78px; 25 | max-height: 78px; 26 | width: calc(100% - 16px); 27 | z-index: 9999; 28 | font-size: 18px; 29 | line-height: 20px; 30 | background: #fff; 31 | border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; 32 | } 33 | 34 | /* List Card Details */ 35 | .gtd-trello .list .list-card { border-bottom: 1px solid rgba(0, 0, 0, .2) !important; } 36 | .gtd-trello .list .list-card-title { font-size: 14px !important; line-height: 18px !important; } 37 | 38 | /* List Avatar */ 39 | .gtd-trello .list-wrapper .list .member { background: transparent; } 40 | .gtd-trello .list-wrapper .list .member .member-initials { background: transparent; background-color: rgb(196, 201, 204); border-radius: 100%; } 41 | .gtd-trello .list-wrapper .list .member .member-avatar { border-radius: 100%; } 42 | 43 | /* Card Badges */ 44 | .gtd-trello .list-wrapper .list-card .badges { margin: 20px 0 4px; } 45 | .gtd-trello .list-wrapper .list-card .badges * { color: #8c8c8c; } 46 | .gtd-trello .list-wrapper .list-card .badges .badge { width: 100%; display: block; float: left; text-align: left; } 47 | 48 | /* Hidden */ 49 | .icon-subscribe { display: none !important; } 50 | [title="You are subscribed to this card."] { display: none !important; } 51 | 52 | 53 | 54 | /************************************************************************ 55 | EXTENSION: Ultimello 56 | *************************************************************************/ 57 | .connections-menu-icon { padding: 4px; top: 3px; right: 32px; border-radius: 3px; color: #999; } 58 | .connections-menu-icon:hover { background: #d6dadc; } 59 | 60 | 61 | 62 | 63 | 64 | /************************************************************************ 65 | EXTENSION: Trello Extended 66 | *************************************************************************/ 67 | 68 | /* 69 | List Header 70 | ***********************************/ 71 | 72 | /* Dollars */ 73 | 74 | .list-header .dollars-positive:first-letter, 75 | .list-header .dollars-negative:first-letter { display: block; position: absolute; top: 0; right: 0; } 76 | 77 | .list-header .points-badge, 78 | .list-header .dollars-badge { display: inline-block; margin: 0; padding: 0; background: transparent; border: none; opacity: 1; color: #8c8c8c !important; } 79 | 80 | .list-header .points-badge { font-size: 9pt; float: left; text-align: left; width: 120px; } 81 | 82 | 83 | .list-header .dollars-badge { font-size: 16pt; display: inline-block !important; text-indent: 0 !important; width: auto !important; position: absolute; top: 46px; right: 12px; font-weight: normal !important; } 84 | .list-header .dollars-badge:before { display: inline-block !important; text-indent: 0 !important; } 85 | .list-header .dollars-badge:after { display: none !important; } 86 | 87 | 88 | 89 | /* 90 | List Card 91 | ***********************************/ 92 | .list-card .points-badge, 93 | .list-card .dollars-badge { 94 | display: block; 95 | font-size: 9pt; 96 | float: left; 97 | margin: 0; 98 | padding: 0; 99 | text-align: left; 100 | background: transparent; 101 | border: none; 102 | opacity: 1; 103 | color: rgba(140, 140, 140, 1) !important; 104 | } 105 | 106 | /* Common styles */ 107 | .list-card .badges .badge { position: relative; font-size: 9pt; margin: 0 !important; } 108 | 109 | .list-card .points-badge, 110 | .list-card .dollars-badge { width: 100% !important; text-indent: 18px !important; } 111 | 112 | .list-card .points-badge:before, 113 | .list-card .dollars-badge:before { position: absolute; left: 5px; text-indent: 0 !important; } 114 | 115 | .points-badge:after, 116 | .dollars-badge:after { text-indent: 3px !important; } 117 | 118 | /* Hours */ 119 | .points-badge:before { display: inline-block; padding: 0 6px 0 0; } 120 | .points-badge:after { content: "hours"; display: inline-block; } 121 | 122 | /* Hours (estimated)*/ 123 | .points-estimated { opacity: .72; } 124 | .points-estimated:before { content: "🕒"; color: rgba(0, 194, 224, 1); } 125 | .points-estimated:after { content: " hours (estimate)"; } 126 | 127 | /* Hours (additional) */ 128 | .points-additional { opacity: 1; } 129 | .points-additional:before { content: "🕒"; color: rgba(0, 121, 191, 1); } 130 | .points-additional:after { content: "hours (actual)"; } 131 | 132 | /* Dollars (incoming) */ 133 | .dollars-badge.dollars-positive:before { content: "➜"; display: inline-block; color: #61bd4f !important; transform: rotate(-90deg); } 134 | .dollars-badge.dollars-positive:after { content: " (incoming)"; display: inline-block; } 135 | 136 | /* Dollars (outgoing) */ 137 | .dollars-badge.dollars-negative:before { content: "➜"; display: inline-block; color: #eb5a46 !important; transform: rotate(90deg); } 138 | .dollars-badge.dollars-negative:after { content: " (outgoing)"; display: inline-block; } 139 | 140 | /* Attachments */ 141 | .list .badge[title="Attachments"]:after { content: " (attachments)"; display: inline-block; } 142 | 143 | 144 | 145 | 146 | 147 | /* EXTENSION: Multi-Select 148 | *************************************************************************/ 149 | .list:hover .list-header-num-cards { color: rgba(0,0,0,0) !important; text-shadow: 1px 1px 0 rgba(0,0,0,0) !important; } 150 | 151 | /* List checkboxes */ 152 | .list label { 153 | left: 13px !important; 154 | top: 11px !important; 155 | width: 15px !important; 156 | height: 15px !important; 157 | background: transparent !important; 158 | border: none !important; 159 | overflow: hidden !important; 160 | } 161 | 162 | .list input[type="checkbox"] { 163 | -webkit-appearance: none !important; 164 | cursor: pointer !important; 165 | position: relative !important; 166 | display: block !important; 167 | background: rgba(256,256,256, 1) !important; 168 | opacity: .5; 169 | margin: 0 !important; 170 | padding: 0 !important; 171 | width: 15px !important; 172 | height: 15px !important; 173 | min-height: inherit !important; 174 | line-height: 0 !important; 175 | border-radius: 3px !important; 176 | border: 1px solid rgba(0,0,0, .25) !important; 177 | } 178 | 179 | .list input[type="checkbox"]:before { 180 | content: '' !important; 181 | display: block !important; 182 | width: 14px !important; 183 | height: 14px !important; 184 | position: absolute !important; 185 | top: 0 !important; 186 | left: 0 !important; 187 | margin: 0 !important; 188 | padding: 0 !important; 189 | } 190 | 191 | .list input[type="checkbox"]:checked { opacity: 1 !important; } 192 | .list input[type="checkbox"]:checked:before { content: '✔' !important; top: 7px !important; left: 1px !important; } 193 | 194 | /* Card checkboxes */ 195 | .list-card label { left: 9px !important; top: 9px !important; } 196 | .list-card input[type="checkbox"] { border: 1px solid rgba(0,0,0, 1) !important; opacity: 1; } 197 | 198 | 199 | 200 | 201 | 202 | /* EXTENSION: Agile Scrum For Trello 203 | *************************************************************************/ 204 | 205 | /* Scrum Card Project (Default) */ 206 | .scrum-card-project { 207 | display: inline-block; 208 | color: rgb(255, 255, 255); 209 | font-size: 10px; 210 | line-height: 1; 211 | vertical-align: 2px; 212 | padding: 2px 3px; 213 | border-radius: 3px; 214 | } 215 | 216 | /* Scrum Card Project (Colors) */ 217 | 218 | .gtd-trello .list-wrapper .list .scrum-list-progress, 219 | .gtd-trello .list-wrapper .list .scrum-card-progress { background-color: #6f7375 !important; } 220 | 221 | .gtd-trello .list-wrapper .list.gtd-white .scrum-list-progress, 222 | .gtd-trello .list-wrapper .list.gtd-white .scrum-card-progress { background-color: #6f7375 !important; } 223 | 224 | .gtd-trello .list-wrapper .list.gtd-black .scrum-list-progress, 225 | .gtd-trello .list-wrapper .list.gtd-black .scrum-card-progress { background-color: #6f7375 !important; } 226 | 227 | .gtd-trello .list-wrapper .list.gtd-darkgray .scrum-list-progress, 228 | .gtd-trello .list-wrapper .list.gtd-darkgray .scrum-card-progress { background-color: #6f7375 !important; } 229 | 230 | .gtd-trello .list-wrapper .list.gtd-gray .scrum-list-progress, 231 | .gtd-trello .list-wrapper .list.gtd-gray .scrum-card-progress { background-color: #6f7375 !important; } 232 | 233 | .gtd-trello .list-wrapper .list.gtd-blue .scrum-list-progress, 234 | .gtd-trello .list-wrapper .list.gtd-blue .scrum-card-progress { background-color: #00c2e0 !important; } 235 | 236 | .gtd-trello .list-wrapper .list.gtd-darkblue .scrum-list-progress, 237 | .gtd-trello .list-wrapper .list.gtd-darkblue .scrum-card-progress { background-color: #0079bf !important; } 238 | 239 | .gtd-trello .list-wrapper .list.gtd-yellow .scrum-list-progress, 240 | .gtd-trello .list-wrapper .list.gtd-yellow .scrum-card-progress { background-color: #e6c60d !important; } 241 | 242 | .gtd-trello .list-wrapper .list.gtd-orange .scrum-list-progress, 243 | .gtd-trello .list-wrapper .list.gtd-orange .scrum-card-progress { background-color: #ffab4a !important; } 244 | 245 | .gtd-trello .list-wrapper .list.gtd-red .scrum-list-progress, 246 | .gtd-trello .list-wrapper .list.gtd-red .scrum-card-progress { background-color: #eb5a46 !important; } 247 | 248 | .gtd-trello .list-wrapper .list.gtd-purple .scrum-list-progress, 249 | .gtd-trello .list-wrapper .list.gtd-purple .scrum-card-progress { background-color: #c377e0 !important; } 250 | 251 | .gtd-trello .list-wrapper .list.gtd-pink .scrum-list-progress, 252 | .gtd-trello .list-wrapper .list.gtd-pink .scrum-card-progress { background-color: #ff80ce !important; } 253 | 254 | .gtd-trello .list-wrapper .list.gtd-green .scrum-list-progress, 255 | .gtd-trello .list-wrapper .list.gtd-green .scrum-card-progress { background-color: #51e898 !important; } 256 | 257 | .gtd-trello .list-wrapper .list.gtd-darkgreen .scrum-list-progress, 258 | .gtd-trello .list-wrapper .list.gtd-darkgreen .scrum-card-progress { background-color: #61bd4f !important; } 259 | -------------------------------------------------------------------------------- /gtd-trello/gtd-trello.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Getting things started...) 3 | *************************************************************************/ 4 | 5 | 'use strict'; 6 | 7 | $(document).ready(function() { 8 | 9 | // Append ".gtd-trello" class to body 10 | $("body").addClass("gtd-trello"); 11 | 12 | // Run Functions... 13 | GTD_BoardTabs(); 14 | GTD_CardBadges(); 15 | GTD_CardCounts(); 16 | GTD_CardLabels(); 17 | // GTD_CardTime(); 18 | // GTD_CardTag(); 19 | GTD_CardLinks(); 20 | GTD_CardSeparators(); 21 | GTD_CardHeights(); 22 | GTD_DueDates(); 23 | GTD_RemoveDates(); 24 | GTD_ListDirectory(); 25 | GTD_ListLabels(); 26 | GTD_ListSeparators(); 27 | GTD_ListProjects(); 28 | GTD_LayoutPipes(); 29 | 30 | 31 | // Listen for user input... 32 | $('body').mouseup(function() { 33 | setTimeout(function() { 34 | GTD_CardCounts(); 35 | GTD_CardLabels(); 36 | // GTD_CardLinks(); 37 | GTD_CardSeparators(); 38 | GTD_CardHeights(); 39 | GTD_DueDates(); 40 | GTD_RemoveDates(); 41 | GTD_ListLabels(); 42 | GTD_ListSeparators(); 43 | GTD_ListProjects(); 44 | GTD_LayoutPipes(); 45 | }, 20); 46 | }); 47 | 48 | $('body').keyup(function() { 49 | setTimeout(function() { 50 | GTD_CardCounts(); 51 | GTD_CardLabels(); 52 | // GTD_CardTime(); 53 | // GTD_CardTag(); 54 | // GTD_CardLinks(); 55 | GTD_CardSeparators(); 56 | GTD_CardHeights(); 57 | GTD_DueDates(); 58 | GTD_RemoveDates(); 59 | GTD_ListLabels(); 60 | GTD_ListSeparators(); 61 | GTD_ListProjects(); 62 | GTD_LayoutPipes(); 63 | }, 20); 64 | }); 65 | 66 | }); 67 | 68 | $(document).ready(function() { 69 | setTimeout(function() { 70 | GTD_CardCounts(); 71 | GTD_ListDirectory(); 72 | }, 500); 73 | }); -------------------------------------------------------------------------------- /gtd-trello/list-colors/list-colors.css: -------------------------------------------------------------------------------- 1 | 2 | /************************************************************************ 3 | GTD Trello (List Colors) 4 | *************************************************************************/ 5 | /* List Wrapper */ 6 | .gtd-trello .list-wrapper .list { border-top: 7px solid black; } 7 | -------------------------------------------------------------------------------- /gtd-trello/list-colors/list-colors.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Due Dates) 3 | *************************************************************************/ 4 | 5 | 6 | // Add Due Dates 7 | function GTD_ListColors() { 8 | 9 | // Create colors 10 | var white = '#ffffff', 11 | blue = '#00c2e0', 12 | yellow = '#e6c60d', 13 | green = '#51e898', 14 | gray = '#c4c9cc', 15 | black = '#000000'; 16 | 17 | 18 | // Apply colors 19 | $('.list').each(function (){ 20 | if($(this).hasClass("gtd-backlog")) 21 | { 22 | $(this).find('.list-card-details').addClass('gangsta'); 23 | } 24 | 25 | else if($(this).children('.badge').hasClass("is-due-now")) 26 | { 27 | $(this).parents('.list-card').addClass('is-due-now'); 28 | } 29 | 30 | else if($(this).children('.badge').hasClass("is-due-soon")) 31 | { 32 | $(this).parents('.list-card').addClass('is-due-soon'); 33 | } 34 | 35 | else if($(this).children('.badge').hasClass("is-due-future")) 36 | { 37 | $(this).parents('.list-card').addClass('is-due-future'); 38 | } 39 | }); 40 | 41 | } 42 | -------------------------------------------------------------------------------- /gtd-trello/list-directory/list-directory.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (DIRECTORY) 3 | *************************************************************************/ 4 | 5 | /* Clear Fix */ 6 | .gtd-trello .gtd-directory .list-card:before, .gtd-trello .gtd-directory .list-card::after { content: " "; display: table; } 7 | .gtd-trello .gtd-directory .list-card:after { clear: both; } 8 | .gtd-trello .gtd-directory .list-card { *zoom: 1; clear: both; float: left; min-width: 100%; } 9 | 10 | /* Resetting */ 11 | .gtd-trello .gtd-directory { background: transparent; border: none !important; margin: 0 5px; width: 360px; } 12 | .gtd-trello .gtd-directory:hover { background: transparent; border: none !important; } 13 | .gtd-trello .gtd-directory:first-child { margin: 0; } 14 | .gtd-trello .gtd-directory .icon-edit { top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; } 15 | .gtd-trello .gtd-directory .icon-edit:before { opacity: 0; } 16 | .gtd-trello .gtd-directory .icon-edit:hover { opacity: 0; } 17 | .gtd-trello .gtd-directory .icon-edit:focus { opacity: 0; } 18 | .gtd-trello .gtd-directory .icon-edit:active { opacity: 0; } 19 | .gtd-trello .gtd-directory .list-card-details { padding: 0; overflow: visible; } 20 | .gtd-trello .gtd-directory .list-card-details .list-card-labels { margin: 0; position: absolute; right: calc(100% + 10px); top: 0; bottom: 0; width: 5px; border-radius: 0; overflow: visible; } 21 | .gtd-trello .gtd-directory .list-card-details .list-card-labels .card-label { height: 100%; padding: 0; margin: 0; } 22 | 23 | /* Directory Styles */ 24 | .gtd-trello .gtd-directory .list-cards { margin-bottom: 10px; padding-bottom: 45px; position: relative; } 25 | .gtd-trello .gtd-directory .list-cards::before { position: absolute; left: 15px; z-index: 999; top: calc(100vh + 10px); height: 1px; width: 10px; display: block; background: rgba(0,0,0,.11); content: ""; } 26 | .gtd-trello .gtd-directory .list-cards::after { margin-left: 0; position: absolute; left: 15px; top: 10px; height: 100vh; width: 1px; display: block; background: rgba(0,0,0,.11); content: ""; } 27 | 28 | .gtd-trello .gtd-directory .list-card { background: none; margin: 0 0 3px 0; padding: 0px 4px 7px 10px; border-bottom: none !important; line-height: .75; min-height: auto; height: 13px; font-family: "Courier New", Courier, monospace; border-radius: 0; display: block; } 29 | .gtd-trello .gtd-directory .list-card-title { background: none; font-size: 16px; margin: 0; padding: 4px; display: block; color: rgba(77,77,77, 1); } 30 | .gtd-trello .gtd-directory .list-card.gtd-root .list-card-title { color: rgba(0,0,0, .25); font-size: 12px; } /* root */ 31 | .gtd-trello .gtd-directory .list-card:first-child { position: relative; margin-bottom: 10px; padding: 0px 4px 7px 20px; } /* root */ 32 | 33 | 34 | .gtd-trello .gtd-directory .list-card.gtd-folder .list-card-labels:empty { display: block; } 35 | 36 | /* Root */ 37 | .gtd-trello .gtd-directory .list-card.gtd-root { margin-left: 0; position: static; } 38 | .gtd-trello .gtd-directory .list-card.gtd-root::before { } 39 | .gtd-trello .gtd-directory .list-card.gtd-root::after { position: absolute; left: 15px; top: 9px; height: 1px; width: 10px; display: block; background: rgba(0,0,0,.11); } 40 | 41 | 42 | 43 | 44 | /* Folder */ 45 | .gtd-trello .gtd-directory .list-card.gtd-folder { margin: 15px 0 3px 40px; position: relative; } 46 | .gtd-trello .gtd-directory .list-card.gtd-folder-1 { margin: 15px 0 3px 40px; position: relative; } 47 | .gtd-trello .gtd-directory .list-card.gtd-folder-2 { margin: 15px 0 3px 70px; position: relative; } 48 | .gtd-trello .gtd-directory .list-card.gtd-folder-3 { margin: 15px 0 3px 110px; position: relative; } 49 | .gtd-trello .gtd-directory .list-card.gtd-folder-4 { margin: 15px 0 3px 140px; position: relative; } 50 | .gtd-trello .gtd-directory .list-card.gtd-folder.no-label { margin: 3px 0 3px 40px; font-size: 16px; color: rgba(77, 77, 77, .42); } 51 | 52 | .gtd-trello .gtd-directory .list-card.gtd-folder .list-card-title { font-size: 16px; color: rgba(0,0,0, 1); font-weight: bold; } 53 | .gtd-trello .gtd-directory .list-card.gtd-folder-1 .list-card-title { font-size: 16px; color: rgba(0,0,0, 1); } 54 | .gtd-trello .gtd-directory .list-card.gtd-folder-2 .list-card-title { font-size: 16px; color: rgba(0,0,0, 1); } 55 | .gtd-trello .gtd-directory .list-card.gtd-folder-3 .list-card-title { font-size: 16px; color: rgba(0,0,0, 1); } 56 | .gtd-trello .gtd-directory .list-card.gtd-folder-4 .list-card-title { font-size: 16px; color: rgba(0,0,0, 1); } 57 | 58 | .gtd-trello .gtd-directory .list-card.gtd-folder.no-label .list-card-title { font-size: 16px; color: rgba(77, 77, 77, .42); } 59 | 60 | .toggle-files { position: absolute; top: 0; right: 7px; } 61 | 62 | 63 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label { overflow: visible; } 64 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label .list-card-title { color: rgba(77,77,77, .42); } /* Default */ 65 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-sky .list-card-title { color: rgba(0,194,224, 1); } 66 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-blue .list-card-title { color: rgba(0,121,191, 1); } 67 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-yellow .list-card-title { color: rgba(230,198,13, 1); } 68 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-orange .list-card-title { color: rgba(255,171,74, 1); } 69 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-red .list-card-title { color: rgba(235,90,70, 1); } 70 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-purple .list-card-title { color: rgba(195,119,224, 1); } 71 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-pink .list-card-title { color: rgba(255,128,206, 1); } 72 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-lime .list-card-title { color: rgba(81,232,152, 1); } 73 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-green .list-card-title { color: rgba(97,189,79, 1); } 74 | .gtd-trello .gtd-directory .list-card.gtd-folder.card-label-black .list-card-title { color: rgba(77,77,77, 1); } 75 | 76 | 77 | 78 | /* File */ 79 | .gtd-trello .gtd-directory .list-card * { text-shadow: none !important; } 80 | 81 | .gtd-trello .gtd-directory .list-card.gtd-file { margin-left: 30px; color: rgba(77, 77, 77, .42); margin-bottom: 0 !important; font-weight: normal; } 82 | .gtd-trello .gtd-directory .list-card.gtd-file-1 { margin-left: 60px; } 83 | .gtd-trello .gtd-directory .list-card.gtd-file-2 { margin-left: 90px; } 84 | .gtd-trello .gtd-directory .list-card.gtd-file-3 { margin-left: 120px; } 85 | .gtd-trello .gtd-directory .list-card.gtd-file-4 { margin-left: 150px; } 86 | 87 | .gtd-trello .gtd-directory .list-card.gtd-file .list-card-title { margin: 0 !important; text-indent: 24px; color: inherit; font-size: 14px; color: inherit; } 88 | 89 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label { color: rgba(77,77,77, .42); border-left: 1px solid rgba(196,201,204, .22); } /* Default */ 90 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-sky { color: rgba(0,194,224, 1); border-left: 1px solid rgba(0,194,224, .22); } 91 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-blue { color: rgba(0,121,191, 1); border-left: 1px solid rgba(0,121,191, .22); } 92 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-yellow { color: rgba(230,198,13, 1); border-left: 1px solid rgba(230,198,13, .22); } 93 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-orange { color: rgba(255,171,74, 1); border-left: 1px solid rgba(255,171,74, .22); } 94 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-red { color: rgba(235,90,70, 1); border-left: 1px solid rgba(235,90,70, .22); } 95 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-purple { color: rgba(195,119,224, 1); border-left: 1px solid rgba(195,119,224, .22); } 96 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-pink { color: rgba(255,128,206, 1); border-left: 1px solid rgba(255,128,206, .22); } 97 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-lime { color: rgba(81,232,152, 1); border-left: 1px solid rgba(81,232,152, .22); } 98 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-green { color: rgba(97,189,79, 1); border-left: 1px solid rgba(97,189,79, .22); } 99 | .gtd-trello .gtd-directory .list-card.gtd-file.card-label-black { color: rgba(77,77,77, 1); border-left: 1px solid rgba(77,77,77, .22); } 100 | 101 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label { color: rgba(77,77,77, .42); background: transparent; } /* Default */ 102 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-sky { color: rgba(0,194,224, 1); } 103 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-blue { color: rgba(0,121,191, 1); } 104 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-yellow { color: rgba(230,198,13, 1); } 105 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-orange { color: rgba(255,171,74, 1); } 106 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-red { color: rgba(235,90,70, 1); } 107 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-purple { color: rgba(195,119,224, 1); } 108 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-pink { color: rgba(255,128,206, 1); } 109 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-lime { color: rgba(81,232,152, 1); } 110 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-green { color: rgba(97,189,79, 1); } 111 | .gtd-trello .gtd-directory .list-card.gtd-file .card-label-black { color: rgba(77,77,77, 1); } 112 | 113 | /* Special Classes */ 114 | .gtd-trello .gtd-directory .list-card.depends-on .list-card-title { opacity: .42; text-indent: 0; font-style: italic; font-size: 12px; } 115 | .gtd-trello .gtd-directory .list-card.depends-on .list-card-title::before { content: "../"; } 116 | .gtd-trello .gtd-directory .list-card.depends-on .list-card-title::after { content: ""; } 117 | 118 | .gtd-trello .gtd-directory .list-card.star { color: #ff006e !important; border-left: 1px solid #ff006e !important; } 119 | .gtd-trello .gtd-directory .list-card.star::after { } 120 | 121 | .gtd-trello .gtd-directory .list-card.gtd-file-space * { display: none; } 122 | .gtd-trello .gtd-directory .list-card.gtd-file-space { height: 1rem; padding: .25rem; margin: 3px 0 3px 10px; background: rgba(77, 77, 77, 0.07); opacity: 0; transition: opacity .22s ease-in-out; } 123 | .gtd-trello .gtd-directory .list-card.gtd-file-space::after { content: "spacer"; text-indent: 40px; text-shadow: none !important; color: rgba(77, 77, 77, 0.22); } 124 | .gtd-trello .gtd-directory .list-card.gtd-file-space:hover { opacity: 1; transition: opacity .22s ease-in-out; } 125 | 126 | /* Toggle Classes */ 127 | .gtd-collapsed { margin-top: 0 !important; } 128 | .gtd-expanded { margin-top: 0 !important; } 129 | 130 | 131 | 132 | 133 | /* Card editor */ 134 | .gtd-trello .quick-card-editor .list-card { min-width: 240px; } 135 | .gtd-trello .quick-card-editor .quick-card-editor-buttons { transform: translateX(200px); } 136 | 137 | .gtd-trello .gtd-directory .card-composer { padding-bottom: 8px; position: relative; z-index: 99999; height: calc(100% + 100px); transform: translateY(61px); } 138 | -------------------------------------------------------------------------------- /gtd-trello/list-directory/list-directory.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (DIRECTORY Layout) 3 | *************************************************************************/ 4 | 5 | function GTD_ListDirectory(){ 6 | 7 | // Add "right" separator class 8 | $('h2:contains("(DIRECTORY)")').parents('.list-wrapper').addClass('gtd-directory'); 9 | 10 | // Remove Text... 11 | $('h2:contains("(DIRECTORY)")').each(function(){ 12 | $(this).html($(this).html().split("(DIRECTORY)").join("")); 13 | }); 14 | 15 | 16 | 17 | // Replace "Hyperlink" Text... 18 | $(".gtd-directory .open-card-composer").text( "Add folder ../ or file ." ) 19 | 20 | var allFiles = ' gtd-file gtd-file-1 gtd-file-2 gtd-file-3 gtd-file-4 '; 21 | var allFolders = ' gtd-folder gtd-folder-1 gtd-folder-2 gtd-folder-3 gtd-folder-4 '; 22 | var allRoot = ' gtd-root '; 23 | 24 | var removeAll = 'gtd-root gtd-file gtd-file-1 gtd-file-2 gtd-file-3 gtd-file-4 gtd-folder gtd-folder-1 gtd-folder-2 gtd-folder-3 gtd-folder-4'; 25 | 26 | // Creating "file" if nothing specified 27 | // $('.gtd-directory .list-card-title:contains("")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-1'); 28 | 29 | // Add "folder" classes 30 | $('.gtd-directory .list-card-title:contains("/ ")').parents('.list-card').removeClass(removeAll).addClass('gtd-root'); 31 | $('.gtd-directory .list-card-title:contains("./ ")').parents('.list-card').removeClass(removeAll).addClass('gtd-folder'); 32 | $('.gtd-directory .list-card-title:contains("../ ")').parents('.list-card').removeClass(removeAll).addClass('gtd-folder gtd-folder-1 gtd-line'); 33 | $('.gtd-directory .list-card-title:contains("../../ ")').parents('.list-card').removeClass(removeAll).addClass('gtd-folder gtd-folder-2 gtd-line'); 34 | $('.gtd-directory .list-card-title:contains("../../../ ")').parents('.list-card').removeClass(removeAll).addClass('gtd-folder gtd-folder-3 gtd-line'); 35 | $('.gtd-directory .list-card-title:contains("../../../../ ")').parents('.list-card').removeClass(removeAll).addClass('gtd-folder gtd-folder-4 gtd-line'); 36 | 37 | // Add "file" classes 38 | $('.gtd-directory .list-card-title:contains(". ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-1'); 39 | $('.gtd-directory .list-card-title:contains(".. ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-2'); 40 | $('.gtd-directory .list-card-title:contains("... ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-3'); 41 | $('.gtd-directory .list-card-title:contains(".... ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-4'); 42 | 43 | // Add "depends on" classes 44 | $('.gtd-directory .list-card-title:contains(".! ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-1 depends-on'); 45 | $('.gtd-directory .list-card-title:contains("..! ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-2 depends-on'); 46 | $('.gtd-directory .list-card-title:contains("...! ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-3 depends-on'); 47 | $('.gtd-directory .list-card-title:contains("....! ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-4 depends-on'); 48 | 49 | // Add "star" classes 50 | $('.gtd-directory .list-card-title:contains(".* ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-1 star'); 51 | $('.gtd-directory .list-card-title:contains("..* ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-2 star'); 52 | $('.gtd-directory .list-card-title:contains("...* ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-3 star'); 53 | $('.gtd-directory .list-card-title:contains("....* ")').parents('.list-card').removeClass(removeAll).addClass('gtd-file gtd-file-4 star'); 54 | 55 | 56 | // Add "space" classes 57 | $('.gtd-directory .list-card-title:contains("=")').parents('.list-card').removeClass(removeAll).addClass('gtd-file-space'); 58 | 59 | 60 | 61 | 62 | 63 | 64 | // ORDER IS REALLY IMPORTANT HERE OR IT WON'T WORK !!! 65 | 66 | // Remove ">" Text... 67 | $('.gtd-directory .list-card-title:contains("....! ")').each(function(){ 68 | $(this).html($(this).html().split("....! ").join("")); 69 | }); 70 | 71 | $('.gtd-directory .list-card-title:contains("...! ")').each(function(){ 72 | $(this).html($(this).html().split("...! ").join("")); 73 | }); 74 | 75 | $('.gtd-directory .list-card-title:contains("..! ")').each(function(){ 76 | $(this).html($(this).html().split("..! ").join("")); 77 | }); 78 | 79 | $('.gtd-directory .list-card-title:contains(".! ")').each(function(){ 80 | $(this).html($(this).html().split(".! ").join("")); 81 | }); 82 | 83 | 84 | 85 | 86 | // Remove "*" Text... 87 | $('.gtd-directory .list-card-title:contains("....* ")').each(function(){ 88 | $(this).html($(this).html().split("....* ").join("")); 89 | }); 90 | $('.gtd-directory .list-card-title:contains("...* ")').each(function(){ 91 | $(this).html($(this).html().split("...* ").join("")); 92 | }); 93 | $('.gtd-directory .list-card-title:contains("..* ")').each(function(){ 94 | $(this).html($(this).html().split("..* ").join("")); 95 | }); 96 | $('.gtd-directory .list-card-title:contains(".* ")').each(function(){ 97 | $(this).html($(this).html().split(".* ").join("")); 98 | }); 99 | 100 | 101 | 102 | 103 | // Remove "Folders" Text... 104 | $('.gtd-directory .list-card-title:contains("../../../../ ")').each(function(){ 105 | $(this).html($(this).html().split("../../../../ ").join("")); 106 | }); 107 | 108 | // Remove "Folders" Text... 109 | $('.gtd-directory .list-card-title:contains("../../../ ")').each(function(){ 110 | $(this).html($(this).html().split("../../../ ").join("")); 111 | }); 112 | 113 | // Remove "Folders" Text... 114 | $('.gtd-directory .list-card-title:contains("../../ ")').each(function(){ 115 | $(this).html($(this).html().split("../../ ").join("")); 116 | }); 117 | 118 | // Remove "Folders" Text... 119 | $('.gtd-directory .list-card-title:contains("../ ")').each(function(){ 120 | $(this).html($(this).html().split("../ ").join("")); 121 | }); 122 | 123 | // Remove "Folders" Text... 124 | $('.gtd-directory .list-card-title:contains("./ ")').each(function(){ 125 | $(this).html($(this).html().split("./ ").join("")); 126 | }); 127 | 128 | // Remove "Folders" Text... 129 | $('.gtd-directory .list-card-title:contains("/ ")').each(function(){ 130 | $(this).html($(this).html().split("/ ").join("")); 131 | }); 132 | 133 | 134 | 135 | 136 | // Remove "Files" Text... 137 | $('.gtd-directory .list-card-title:contains(".... ")').each(function(){ 138 | $(this).html($(this).html().split(".... ").join("")); 139 | }); 140 | 141 | // Remove "Files" Text... 142 | $('.gtd-directory .list-card-title:contains("... ")').each(function(){ 143 | $(this).html($(this).html().split("... ").join("")); 144 | }); 145 | 146 | // Remove "Files" Text... 147 | $('.gtd-directory .list-card-title:contains(".. ")').each(function(){ 148 | $(this).html($(this).html().split(".. ").join("")); 149 | }); 150 | 151 | // Remove "Files" Text... 152 | $('.gtd-directory .list-card-title:contains(". ")').each(function(){ 153 | $(this).html($(this).html().split(". ").join("")); 154 | }); 155 | 156 | // Remove "Files" Text... 157 | $('.gtd-directory .list-card-title:contains("=")').each(function(){ 158 | $(this).html($(this).html().split("=").join("")); 159 | }); 160 | 161 | 162 | var cardGTD = $( ".gtd-directory .list-card" ); 163 | var folderGTD = $( ".gtd-directory .gtd-folder" ); 164 | var fileGTD = $( ".gtd-directory .gtd-file" ); 165 | var noLABEL = $( ".gtd-trello .gtd-directory .gtd-folder .list-card-details .list-card-labels:empty" ); 166 | var folderLABEL = $( ".gtd-trello .gtd-directory .gtd-folder .list-card-details .list-card-labels .card-label" ); 167 | var fileLABEL = $( ".gtd-trello .gtd-directory .gtd-file .list-card-details .list-card-labels .card-label" ); 168 | var listHeader = $( ".gtd-trello .gtd-directory .list-header" ); 169 | 170 | $(noLABEL).each(function() { 171 | $(this).append(''); 172 | $(this).parents('.list-card').addClass('no-label'); 173 | }); 174 | 175 | $(folderLABEL).each(function() { 176 | var GTDclass = $(this).prop('class'); 177 | $(this).closest('.list-card').nextUntil('.gtd-folder').not(".card-composer").addClass(GTDclass).removeClass("mod-card-front"); 178 | }); 179 | 180 | $(folderLABEL).each(function() { 181 | var GTDclass = $(this).prop('class'); 182 | $(this).parents('.list-card').addClass(GTDclass).removeClass("mod-card-front"); 183 | }); 184 | 185 | $(fileLABEL).each(function() { 186 | var GTDclass = $(this).prop('class'); 187 | $(this).parents('.list-card-details').addClass(GTDclass).removeClass("mod-card-front"); 188 | }); 189 | 190 | $('.gtd-directory .list-header').append(''); 191 | 192 | $( ".toggle-files" ).click(function() { 193 | $( ".gtd-file" ).toggle(); 194 | }); 195 | 196 | 197 | $( fileGTD ).each(function (){ 198 | if ($(this).css('display') == 'block') 199 | { 200 | $('.gtd-file-space').show(); 201 | $(folderGTD).removeClass('gtd-expanded gtd-collapsed').addClass('gtd-expanded'); 202 | } 203 | 204 | else if ($(this).css('display') == 'none') 205 | { 206 | $('.gtd-file-space').hide(); 207 | $(folderGTD).removeClass('gtd-expanded gtd-collapsed').addClass('gtd-collapsed'); 208 | } 209 | }); 210 | 211 | /* 212 | 213 | // Look in the card titles 214 | $(".gtd-trello .gtd-directory .gtd-folder").each(function() { 215 | 216 | var GTDtext = $(this).html(); 217 | var GTDlink = GTDtext.replace("+"); 218 | 219 | $( ".gtd-link:empty" ).remove(); 220 | 221 | // Re-write html w/ hyperlinks 222 | $(this).html(GTDlink); 223 | }); 224 | 225 | 226 | // Create card links... 227 | $(".gtd-link").on( "mouseover", function() { 228 | var rect = this.getBoundingClientRect (), 229 | top = rect.top, 230 | left = rect.left; 231 | 232 | $(this) 233 | .clone().appendTo('body') 234 | .removeClass('gtd-link') 235 | .addClass('gtd-active-link') 236 | .css({ 237 | 'position' : 'fixed', 238 | 'top' : top+ 'px', 239 | 'left' : left+ 'px', 240 | 'display' : 'inline-block', 241 | 'z-index' : '99999' 242 | }); 243 | }); 244 | 245 | 246 | // Removing Card Links... 247 | $( ".list-cards" ).scroll(function() { 248 | $( ".gtd-active-link" ).remove(); 249 | }); 250 | 251 | $( "#board, .list-wrapper, .list, .list-cards, .list-card" ).mousedown(function() { 252 | $( ".gtd-active-link" ).remove(); 253 | }); 254 | 255 | $( "#board, .list-wrapper, .list" ).mouseenter(function() { 256 | $( ".gtd-active-link" ).remove(); 257 | }); */ 258 | } 259 | -------------------------------------------------------------------------------- /gtd-trello/list-labels/list-labels.css: -------------------------------------------------------------------------------- 1 | 2 | /************************************************************************ 3 | GTD Trello (List Labels) 4 | *************************************************************************/ 5 | 6 | /* List Borders */ 7 | .gtd-trello .list-wrapper .list.gtd-white { border-top: 7px solid #ffffff; } 8 | .gtd-trello .list-wrapper .list.gtd-blue { border-top: 7px solid #00c2e0; } 9 | .gtd-trello .list-wrapper .list.gtd-darkblue { border-top: 7px solid #0079bf; } 10 | .gtd-trello .list-wrapper .list.gtd-yellow { border-top: 7px solid #e6c60d; } 11 | .gtd-trello .list-wrapper .list.gtd-orange { border-top: 7px solid #ffab4a; } 12 | .gtd-trello .list-wrapper .list.gtd-red { border-top: 7px solid #eb5a46; } 13 | .gtd-trello .list-wrapper .list.gtd-purple { border-top: 7px solid #c377e0; } 14 | .gtd-trello .list-wrapper .list.gtd-pink { border-top: 7px solid #ff80ce; } 15 | .gtd-trello .list-wrapper .list.gtd-green { border-top: 7px solid #51e898; } 16 | .gtd-trello .list-wrapper .list.gtd-darkgreen { border-top: 7px solid #61bd4f; } 17 | .gtd-trello .list-wrapper .list.gtd-gray { border-top: 7px solid #c4c9cc; } 18 | .gtd-trello .list-wrapper .list.gtd-darkgray { border-top: 7px solid #4d4d4d; } 19 | .gtd-trello .list-wrapper .list.gtd-black { border-top: 7px solid #000000; } 20 | 21 | 22 | /* List Card Counts */ 23 | .gtd-trello .list-wrapper .list.gtd-white .list-header .list-header-num-cards { background: #000; } 24 | .gtd-trello .list-wrapper .list.gtd-blue .list-header .list-header-num-cards { background: #00c2e0; } 25 | .gtd-trello .list-wrapper .list.gtd-darkblue .list-header .list-header-num-cards { background: #0079bf; } 26 | .gtd-trello .list-wrapper .list.gtd-yellow .list-header .list-header-num-cards { background: #e6c60d; } 27 | .gtd-trello .list-wrapper .list.gtd-orange .list-header .list-header-num-cards { background: #ffab4a; } 28 | .gtd-trello .list-wrapper .list.gtd-red .list-header .list-header-num-cards { background: #eb5a46; } 29 | .gtd-trello .list-wrapper .list.gtd-purple .list-header .list-header-num-cards { background: #c377e0; } 30 | .gtd-trello .list-wrapper .list.gtd-pink .list-header .list-header-num-cards { background: #ff80ce; } 31 | .gtd-trello .list-wrapper .list.gtd-green .list-header .list-header-num-cards { background: #51e898; } 32 | .gtd-trello .list-wrapper .list.gtd-darkgreen .list-header .list-header-num-cards { background: #61bd4f; } 33 | .gtd-trello .list-wrapper .list.gtd-gray .list-header .list-header-num-cards { background: #c4c9cc; } 34 | .gtd-trello .list-wrapper .list.gtd-darkgray .list-header .list-header-num-cards { background: #4d4d4d; } 35 | 36 | 37 | /* List Card Labels */ 38 | .gtd-trello .list-wrapper .list.gtd-white .list-card-labels .card-label { background: #000; } 39 | .gtd-trello .list-wrapper .list.gtd-blue .list-card-labels .card-label { background: #00c2e0; } 40 | .gtd-trello .list-wrapper .list.gtd-darkblue .list-card-labels .card-label { background: #0079bf; } 41 | .gtd-trello .list-wrapper .list.gtd-yellow .list-card-labels .card-label { background: #e6c60d; } 42 | .gtd-trello .list-wrapper .list.gtd-orange .list-card-labels .card-label { background: #ffab4a; } 43 | .gtd-trello .list-wrapper .list.gtd-red .list-card-labels .card-label { background: #eb5a46; } 44 | .gtd-trello .list-wrapper .list.gtd-purple .list-card-labels .card-label { background: #c377e0; } 45 | .gtd-trello .list-wrapper .list.gtd-pink .list-card-labels .card-label { background: #ff80ce; } 46 | .gtd-trello .list-wrapper .list.gtd-green .list-card-labels .card-label { background: #51e898; } 47 | .gtd-trello .list-wrapper .list.gtd-darkgreen .list-card-labels .card-label { background: #61bd4f; } 48 | .gtd-trello .list-wrapper .list.gtd-gray .list-card-labels .card-label { background: #c4c9cc; } 49 | .gtd-trello .list-wrapper .list.gtd-darkgray .list-card-labels .card-label { background: #4d4d4d; } 50 | 51 | 52 | /* Border Colors */ 53 | .gtd-trello .list.gtd-white * { border-color: #000; } 54 | .gtd-trello .list.gtd-blue * { border-color: #00c2e0; } 55 | .gtd-trello .list.gtd-darkblue * { border-color: #0079bf; } 56 | .gtd-trello .list.gtd-yellow * { border-color: #e6c60d; } 57 | .gtd-trello .list.gtd-orange * { border-color: #ffab4a; } 58 | .gtd-trello .list.gtd-red * { border-color: #eb5a46; } 59 | .gtd-trello .list.gtd-purple * { border-color: #c377e0; } 60 | .gtd-trello .list.gtd-pink * { border-color: #ff80ce; } 61 | .gtd-trello .list.gtd-green * { border-color: #51e898; } 62 | .gtd-trello .list.gtd-darkgreen * { border-color: #61bd4f; } 63 | .gtd-trello .list.gtd-gray * { border-color: #c4c9cc; } 64 | .gtd-trello .list.gtd-darkgray * { border-color: #4d4d4d; } 65 | .gtd-trello .list.gtd-black * { border-color: #000; } 66 | 67 | 68 | /* Link Colors */ 69 | .gtd-trello .list.gtd-white a * { color: #4d4d4d; } 70 | .gtd-trello .list.gtd-blue a * { color: #00c2e0; } 71 | .gtd-trello .list.gtd-darkblue a * { color: #0079bf; } 72 | .gtd-trello .list.gtd-yellow a * { color: #e6c60d; } 73 | .gtd-trello .list.gtd-orange a * { color: #ffab4a; } 74 | .gtd-trello .list.gtd-red a * { color: #eb5a46; } 75 | .gtd-trello .list.gtd-purple a * { color: #c377e0; } 76 | .gtd-trello .list.gtd-pink a * { color: #ff80ce; } 77 | .gtd-trello .list.gtd-green a * { color: #51e898; } 78 | .gtd-trello .list.gtd-darkgreen a * { color: #61bd4f; } 79 | .gtd-trello .list.gtd-gray a * { color: #c4c9cc; } 80 | .gtd-trello .list.gtd-darkgray a * { color: #4d4d4d; } 81 | .gtd-trello .list.gtd-black a * { color: #000; } 82 | 83 | 84 | /* Badges */ 85 | .gtd-trello .list.gtd-white .list-card .badges *:before { color: rgba(140, 140, 140, 1) !important; } 86 | .gtd-trello .list.gtd-blue .list-card .badges *:before { color: #00c2e0 !important; } 87 | .gtd-trello .list.gtd-darkblue .list-card .badges *:before { color: #0079bf !important; } 88 | .gtd-trello .list.gtd-yellow .list-card .badges *:before { color: #e6c60d !important; } 89 | .gtd-trello .list.gtd-orange .list-card .badges *:before { color: #ffab4a !important; } 90 | .gtd-trello .list.gtd-red .list-card .badges *:before { color: #eb5a46 !important; } 91 | .gtd-trello .list.gtd-purple .list-card .badges *:before { color: #c377e0 !important; } 92 | .gtd-trello .list.gtd-pink .list-card .badges *:before { color: #ff80ce !important; } 93 | .gtd-trello .list.gtd-green .list-card .badges *:before { color: #51e898 !important; } 94 | .gtd-trello .list.gtd-darkgreen .list-card .badges *:before { color: #61bd4f !important; } 95 | .gtd-trello .list.gtd-gray .list-card .badges *:before { color: #c4c9cc !important; } 96 | .gtd-trello .list.gtd-darkgray .list-card .badges *:before { color: #4d4d4d !important; } 97 | 98 | 99 | /* List Header Badges */ 100 | .gtd-trello .list.gtd-white .list-header .badge:before { color: rgba(140, 140, 140, 1) !important; } 101 | .gtd-trello .list.gtd-blue .list-header .badge:before { color: #00c2e0 !important; } 102 | .gtd-trello .list.gtd-darkblue .list-header .badge:before { color: #0079bf !important; } 103 | .gtd-trello .list.gtd-yellow .list-header .badge:before { color: #e6c60d !important; } 104 | .gtd-trello .list.gtd-orange .list-header .badge:before { color: #ffab4a !important; } 105 | .gtd-trello .list.gtd-red .list-header .badge:before { color: #eb5a46 !important; } 106 | .gtd-trello .list.gtd-purple .list-header .badge:before { color: #c377e0 !important; } 107 | .gtd-trello .list.gtd-pink .list-header .badge:before { color: #ff80ce !important; } 108 | .gtd-trello .list.gtd-green .list-header .badge:before { color: #51e898 !important; } 109 | .gtd-trello .list.gtd-darkgreen .list-header .badge:before { color: #61bd4f !important; } 110 | .gtd-trello .list.gtd-gray .list-header .badge:before { color: #c4c9cc !important; } 111 | .gtd-trello .list.gtd-darkgray .list-header .badge:before { color: #4d4d4d !important; } 112 | 113 | 114 | /* Due Dates (calendar style) */ 115 | .gtd-trello .list .list-card .badges { position: relative; } 116 | .gtd-trello .list .list-card .badges .badge[class*="is-due-"] { width: 36px; position: absolute; right: 0; bottom: 0; } 117 | .gtd-trello .list .list-card .badges .badge[class*="is-due-"] .badge-icon:before { color: rgba(256,256,256, 1) !important; } 118 | .gtd-trello .list .list-card .badges .badge:before { padding: 0; } 119 | 120 | 121 | /* Due Dates (badge) */ 122 | .gtd-trello .list.gtd-white .badges .badge[class*="is-due-"] { background: rgba(140, 140, 140, .25) !important; border-color: rgba(140, 140, 140, 1) !important; } 123 | .gtd-trello .list.gtd-blue .badges .badge[class*="is-due-"] { background: rgba(0, 194, 224, .25) !important; border-color: rgba(0, 194, 224, 1) !important; } 124 | .gtd-trello .list.gtd-darkblue .badges .badge[class*="is-due-"] { background: rgba(0, 121, 191, .25) !important; border-color: rgba(0, 121, 191, 1) !important; } 125 | .gtd-trello .list.gtd-yellow .badges .badge[class*="is-due-"] { background: rgba(230, 198, 13, .25) !important; border-color: rgba(230, 198, 13, 1) !important; } 126 | .gtd-trello .list.gtd-orange .badges .badge[class*="is-due-"] { background: rgba(255, 171, 74, .25) !important; border-color: rgba(255, 171, 74, 1) !important; } 127 | .gtd-trello .list.gtd-red .badges .badge[class*="is-due-"] { background: rgba(235, 90, 70, .25) !important; border-color: rgba(235, 90, 70, 1) !important; } 128 | .gtd-trello .list.gtd-purple .badges .badge[class*="is-due-"] { background: rgba(195, 119, 224, .25) !important; border-color: rgba(195, 119, 224, 1) !important; } 129 | .gtd-trello .list.gtd-pink .badges .badge[class*="is-due-"] { background: rgba(255, 128, 206, .25) !important; border-color: rgba(255, 128, 206, 1) !important; } 130 | .gtd-trello .list.gtd-green .badges .badge[class*="is-due-"] { background: rgba(81, 232, 152, .25) !important; border-color: rgba(81, 232, 152, 1) !important; } 131 | .gtd-trello .list.gtd-darkgreen .badges .badge[class*="is-due-"] { background: rgba(97, 189, 79, .25) !important; border-color: rgba(97, 189, 79, 1) !important; } 132 | .gtd-trello .list.gtd-gray .badges .badge[class*="is-due-"] { background: rgba(196, 201, 204, .25) !important; border-color: rgba(196, 201, 204, 1) !important; } 133 | .gtd-trello .list.gtd-darkgray .badges .badge[class*="is-due-"] { background: rgba(77, 77, 77, .25) !important; border-color: rgba(77, 77, 77, 1) !important; } 134 | .gtd-trello .list.gtd-black .badges .badge[class*="is-due-"] { background: rgba(0, 0, 0, .25) !important; border-color: rgba(0, 0, 0, 1) !important; } 135 | 136 | /* Due Dates (badge icon) */ 137 | .gtd-trello .list.gtd-white .badges .badge[class*="is-due-"] .badge-icon { background: rgba(0, 0, 0, 1) !important; } 138 | .gtd-trello .list.gtd-blue .badges .badge[class*="is-due-"] .badge-icon { background: rgba(0, 194, 224, 1) !important; } 139 | .gtd-trello .list.gtd-darkblue .badges .badge[class*="is-due-"] .badge-icon { background: rgba(0, 121, 191, 1) !important; } 140 | .gtd-trello .list.gtd-yellow .badges .badge[class*="is-due-"] .badge-icon { background: rgba(230, 198, 13, 1) !important; } 141 | .gtd-trello .list.gtd-orange .badges .badge[class*="is-due-"] .badge-icon { background: rgba(255, 171, 74, 1) !important; } 142 | .gtd-trello .list.gtd-red .badges .badge[class*="is-due-"] .badge-icon { background: rgba(235, 90, 70, 1) !important; } 143 | .gtd-trello .list.gtd-purple .badges .badge[class*="is-due-"] .badge-icon { background: rgba(195, 119, 224, 1) !important; } 144 | .gtd-trello .list.gtd-pink .badges .badge[class*="is-due-"] .badge-icon { background: rgba(255, 128, 206, 1) !important; } 145 | .gtd-trello .list.gtd-green .badges .badge[class*="is-due-"] .badge-icon { background: rgba(81, 232, 152, 1) !important; } 146 | .gtd-trello .list.gtd-darkgreen .badges .badge[class*="is-due-"] .badge-icon { background: rgba(97, 189, 79, 1) !important; } 147 | .gtd-trello .list.gtd-gray .badges .badge[class*="is-due-"] .badge-icon { background: rgba(196, 201, 204, 1) !important; } 148 | .gtd-trello .list.gtd-darkgray .badges .badge[class*="is-due-"] .badge-icon { background: rgba(77, 77, 77, 1) !important; } 149 | .gtd-trello .list.gtd-black .badges .badge[class*="is-due-"] .badge-icon { background: rgba(0, 0, 0, 1) !important; } 150 | -------------------------------------------------------------------------------- /gtd-trello/list-labels/list-labels.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Due Dates) 3 | *************************************************************************/ 4 | 5 | 6 | // Add Due Dates 7 | function GTD_ListLabels() { 8 | 9 | // Add class 10 | $( 'h2:contains("(WHITE)")' ).parents('.list').addClass('gtd-white'); 11 | $( 'h2:contains("(BLUE)")' ).parents('.list').addClass('gtd-blue'); 12 | $( 'h2:contains("(DARK BLUE)")' ).parents('.list').addClass('gtd-darkblue'); 13 | $( 'h2:contains("(YELLOW)")' ).parents('.list').addClass('gtd-yellow'); 14 | $( 'h2:contains("(ORANGE)")' ).parents('.list').addClass('gtd-orange'); 15 | $( 'h2:contains("(RED)")' ).parents('.list').addClass('gtd-red'); 16 | $( 'h2:contains("(PURPLE)")' ).parents('.list').addClass('gtd-purple'); 17 | $( 'h2:contains("(PINK)")' ).parents('.list').addClass('gtd-pink'); 18 | $( 'h2:contains("(GREEN)")' ).parents('.list').addClass('gtd-green'); 19 | $( 'h2:contains("(DARK GREEN)")' ).parents('.list').addClass('gtd-darkgreen'); 20 | $( 'h2:contains("(GRAY)")' ).parents('.list').addClass('gtd-gray'); 21 | $( 'h2:contains("(DARK GRAY)")' ).parents('.list').addClass('gtd-darkgray'); 22 | $( 'h2:contains("(BLACK)")' ).parents('.list').addClass('gtd-black'); 23 | 24 | // Remove Text... 25 | $( 'h2:contains("(WHITE)")' ).each(function(){ 26 | $(this).html($(this).html().split("(WHITE)").join("")); 27 | }); 28 | 29 | $( 'h2:contains("(BLUE)")' ).each(function(){ 30 | $(this).html($(this).html().split("(BLUE)").join("")); 31 | }); 32 | 33 | $( 'h2:contains("(DARK BLUE)")' ).each(function(){ 34 | $(this).html($(this).html().split("(DARK BLUE)").join("")); 35 | }); 36 | 37 | $( 'h2:contains("(YELLOW)")' ).each(function(){ 38 | $(this).html($(this).html().split("(YELLOW)").join("")); 39 | }); 40 | 41 | $( 'h2:contains("(ORANGE)")' ).each(function(){ 42 | $(this).html($(this).html().split("(ORANGE)").join("")); 43 | }); 44 | 45 | $( 'h2:contains("(RED)")' ).each(function(){ 46 | $(this).html($(this).html().split("(RED)").join("")); 47 | }); 48 | 49 | $( 'h2:contains("(PURPLE)")' ).each(function(){ 50 | $(this).html($(this).html().split("(PURPLE)").join("")); 51 | }); 52 | 53 | $( 'h2:contains("(PINK)")' ).each(function(){ 54 | $(this).html($(this).html().split("(PINK)").join("")); 55 | }); 56 | 57 | $( 'h2:contains("(GREEN)")' ).each(function(){ 58 | $(this).html($(this).html().split("(GREEN)").join("")); 59 | }); 60 | 61 | $( 'h2:contains("(DARK GREEN)")' ).each(function(){ 62 | $(this).html($(this).html().split("(DARK GREEN)").join("")); 63 | }); 64 | 65 | $( 'h2:contains("(GRAY)")' ).each(function(){ 66 | $(this).html($(this).html().split("(GRAY)").join("")); 67 | }); 68 | 69 | $( 'h2:contains("(DARK GRAY)")' ).each(function(){ 70 | $(this).html($(this).html().split("(DARK GRAY)").join("")); 71 | }); 72 | 73 | $( 'h2:contains("(BLACK)")' ).each(function(){ 74 | $(this).html($(this).html().split("(BLACK)").join("")); 75 | }); 76 | 77 | 78 | } 79 | -------------------------------------------------------------------------------- /gtd-trello/list-pipes/list-pipes.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (PIPE) 3 | *************************************************************************/ 4 | /* List Wrapper */ 5 | .gtd-trello .list-wrapper.gtd-pipe { width: 120px; } 6 | 7 | /* List Header */ 8 | .gtd-trello .list-wrapper.gtd-pipe .list { } 9 | 10 | /* List Cards */ 11 | .gtd-trello .list-wrapper.gtd-pipe .list .list-cards { } 12 | 13 | /* Card Cover */ 14 | .gtd-trello .list-wrapper.gtd-pipe .list .list-cards .list-card { text-align: center; background: transparent; border: none !important; } 15 | .gtd-trello .list-wrapper.gtd-pipe .list .list-cards .list-card .list-card-cover { position: relative; display: inline-block; width: 80px !important; height: 80px !important; border-radius: 100%; background-position: center; } 16 | 17 | /* Cards Details */ 18 | .gtd-trello .list-wrapper.gtd-pipe .list .list-cards .list-card .list-card-details { display: none; } 19 | .list-card-details.gtd-active { background: #fff; display: block; width: 200px; text-align: left; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; } 20 | 21 | /* Add Card */ 22 | .gtd-trello .list-wrapper.gtd-pipe .list .list-cards .card-composer .list-card .list-card-details { display: block; } 23 | -------------------------------------------------------------------------------- /gtd-trello/list-pipes/list-pipes.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (PIPE Layout) 3 | *************************************************************************/ 4 | 5 | 6 | function GTD_LayoutPipes(){ 7 | // Add "gtd-pipe" class 8 | $('h2:contains("(PIPE)")').parents('.js-list').addClass('gtd-pipe'); 9 | 10 | // Remove "(PIPE)" text from list titles 11 | $('h2:contains("(PIPE)")').each(function(){ 12 | $(this).html($(this).html().split("(PIPE)").join("")); 13 | }); 14 | 15 | // Show "Card Details" 16 | $( ".gtd-pipe .list-card-cover" ).on( "mouseover", function() { 17 | var rect = this.getBoundingClientRect (), 18 | top = rect.top, 19 | right = rect.right, 20 | bottom = rect.bottom, 21 | left = rect.left, 22 | height = rect.bottom - rect.top, 23 | width = rect.right - rect.left, 24 | position = left + width; 25 | 26 | $(this).parent().find(".list-card-details") 27 | .clone().appendTo('body') 28 | .addClass('gtd-active') 29 | .css({ 30 | 'position' : 'fixed', 31 | 'top' : top+ 'px', 32 | 'opacity' : '0', 33 | 'left' : position+ 'px' 34 | }) 35 | .animate({ 36 | opacity: 1, 37 | left: position+20+ 'px' 38 | }, 250 ); 39 | }); 40 | 41 | // Remove "Card Details" 42 | $( '.gtd-pipe .list-card-cover' ).on( "mouseout", function() { 43 | $('.list-card-details.gtd-active').remove(); 44 | }); 45 | } 46 | -------------------------------------------------------------------------------- /gtd-trello/list-projects/list-projects.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (List Projects) 3 | *************************************************************************/ 4 | .gtd-trello .gtd-projects { margin-right: 20px !important; margin-left: 20px !important; } 5 | .gtd-trello .gtd-projects .list-cards { padding-top: 5px; } 6 | .gtd-trello .gtd-projects .list-card { height: 200px; margin: 20px 6% 32px; border-radius: 12px; position: relative; } 7 | .gtd-trello .gtd-projects .list-card:before { content: ""; position: absolute; top: -20px; left: 50%; width: 50%; height: 20px; background: inherit; border-radius: 12px 12px 0 0; margin: 0 0 0 -25%; } 8 | .gtd-trello .gtd-projects .list-card:after { content: ""; position: absolute; top: -9px; left: calc(50% + 15px); width: calc(50% - 30px); height: 9px; background: #E2E4E6; border-radius: 4px 4px 0 0; margin: 0 0 0 -25%; } 9 | -------------------------------------------------------------------------------- /gtd-trello/list-projects/list-projects.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (List Projects) 3 | *************************************************************************/ 4 | 5 | function GTD_ListProjects(){ 6 | 7 | // Add "right" separator class 8 | $('h2:contains("(PROJECTS)")').parents('.js-list').addClass('gtd-projects'); 9 | 10 | // Remove Text... 11 | $('h2:contains("(PROJECTS)")').each(function(){ 12 | $(this).html($(this).html().split("(PROJECTS)").join("")); 13 | }); 14 | 15 | } 16 | -------------------------------------------------------------------------------- /gtd-trello/list-separators/list-separators.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (SEPARATORS) 3 | *************************************************************************/ 4 | .gtd-trello .gtd-space { margin-right: 50px !important; margin-left: 50px !important; } 5 | .gtd-trello .gtd-spaceright { margin-right: 50px !important; margin-left: 5px !important; } 6 | .gtd-trello .gtd-spaceleft { margin-right: 5px !important; margin-left: 50px !important; } 7 | -------------------------------------------------------------------------------- /gtd-trello/list-separators/list-separators.js: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (SEPARATOR Layout) 3 | *************************************************************************/ 4 | 5 | function GTD_ListSeparators(){ 6 | 7 | // Add "right" separator class 8 | $('h2:contains("SPACE")').parents('.list-wrapper').addClass('gtd-space'); 9 | $('h2:contains("SPACE-R)")').parents('.list-wrapper').addClass('gtd-spaceright'); 10 | $('h2:contains("SPACE-L")').parents('.list-wrapper').addClass('gtd-spaceleft'); 11 | 12 | // Remove Text... 13 | $('h2:contains("SPACE")').each(function(){ 14 | $(this).html($(this).html().split("(SPACE)").join("")); 15 | }); 16 | 17 | $('h2:contains("SPACE-R")').each(function(){ 18 | $(this).html($(this).html().split("(SPACE-R)").join("")); 19 | }); 20 | 21 | $('h2:contains("(SPACE-L)")').each(function(){ 22 | $(this).html($(this).html().split("(SPACE-L)").join("")); 23 | }); 24 | 25 | } 26 | -------------------------------------------------------------------------------- /gtd-trello/popup/popup.css: -------------------------------------------------------------------------------- 1 | /************************************************************************ 2 | GTD Trello (Popup) 3 | *************************************************************************/ 4 | /* GTD Icon */ 5 | .gtd-trello .gtd-icon { right: 20px; top: -2px; } 6 | .gtd-trello .gtd-icon::before { content: "▟"; } 7 | 8 | /* GTD Popup */ 9 | .gtd-trello .gtd-popup { background: #fff; border-radius: 3px; border: 1px solid #d6dadc; border-bottom-color: #c4c9cc; box-shadow: 0 1px 6px rgba(0,0,0,.15); overflow: hidden; position: absolute; top: 50px; right: -100%; width: 300px; z-index: 70; display: none;} 10 | .gtd-trello .gtd-popup .gtd-layouts ul li * { margin: 0; padding: 0; box-sizing: border-box; } 11 | .gtd-trello .gtd-popup .gtd-layouts ul li { display: block; margin: 0 -10px; } 12 | .gtd-trello .gtd-popup .gtd-layouts ul li:hover { background: #298fca; } 13 | .gtd-trello .gtd-popup .gtd-layouts ul li:hover label { color: white; } 14 | 15 | .gtd-trello .gtd-popup .gtd-layouts ul li input { display: inline-block; position: relative; left: 7px; top: 1px; width: 35px; cursor: pointer; background: yellow; } 16 | .gtd-trello .gtd-popup .gtd-layouts ul li label { display: inline-block; width: 100%; cursor: pointer; padding: 6px 10px 6px 3px; } 17 | -------------------------------------------------------------------------------- /gtd-trello/popup/popup.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | $(document).ready(function() { 4 | 5 | /* 6 | Explaination of what this does: 7 | So the way they more than likely do it is dynamically insert their popup menu and append it to the list so on click it will create your popup, and append it to the list. 8 | Then it will check for the classes and check the appropriate radio button. I used the css content property to add the gears to the button so when it is active there will 9 | be an x where the button is. You can change this in the css. When the x is clicked then it removes the active class and removes the popup window. 10 | */ 11 | 12 | // Append ".gtd-trello" class to body 13 | $("body").addClass("gtd-trello"); 14 | 15 | // Append ".gtd-icon" to the Trello List header 16 | $(".list-header").append( "" ); 17 | 18 | // When icon is clicked, open up the "List Layouts" popup 19 | $('.gtd-icon').on('click', function() { 20 | 21 | $('.gtd-popup').remove(); 22 | if(!$(this).parents('.list-wrapper').hasClass("active")){ 23 | $(this).parents('.list-wrapper').append( 24 | 25 | '
' + 26 | '
' + 27 | 'List Layouts' + 28 | '' + 29 | '
' + 30 | 31 | '
' + 32 | '
' + 33 | '
    ' + 34 | '
  • ' + 35 | '' + 36 | '' + 37 | '
  • ' + 38 | '
  • ' + 39 | '' + 40 | '' + 41 | '
  • ' + 42 | '
  • ' + 43 | '' + 44 | '' + 45 | '
  • ' + 46 | '
  • ' + 47 | '' + 48 | '' + 49 | '
  • ' + 50 | '
' + 51 | '
' + 52 | '
' + 53 | '
') 54 | .children(':last').hide().fadeIn(0); 55 | 56 | if($(this).parents('.list-wrapper').hasClass("listYellow")){ 57 | $('#listYellow').prop('checked', true); 58 | 59 | }else if($(this).parents('.list-wrapper').hasClass("listGreen")){ 60 | $('#listGreen').prop('checked', true); 61 | 62 | }else if($(this).parents('.list-wrapper').hasClass("listBlue")){ 63 | $('#listBlue').prop('checked', true); 64 | 65 | }else{ 66 | $('#listNormal').prop('checked', true); 67 | } 68 | }else{ 69 | $(this).parents('.list-wrapper').find('.gtd-popup').remove(); 70 | } 71 | $(this).parents('.list-wrapper').toggleClass("active"); 72 | $(this).parents('.list-wrapper').siblings().removeClass("active"); 73 | }); 74 | 75 | // Add a class to the main parent, ".list-wrapper" 76 | $(document).on("change", ".gtd-layouts input", function(){ 77 | var newClass = $(this).attr("id"); 78 | $(this).parents( ".list-wrapper" ).removeClass("listNormal listYellow listGreen listBlue"); 79 | $(this).parents( ".list-wrapper" ).addClass(newClass); 80 | }); 81 | 82 | 83 | 84 | }); 85 | -------------------------------------------------------------------------------- /images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/oneezy/gtd-trello/17497523ebb318b198db0a2c5a1802ee62f2d312/images/icon.png -------------------------------------------------------------------------------- /lib/jquery.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v2.2.0 | (c) jQuery Foundation | jquery.org/license */ 2 | !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m="2.2.0",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(e.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor()},push:g,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){var b=a&&a.toString();return!n.isArray(a)&&b-parseFloat(b)+1>=0},isPlainObject:function(a){return"object"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!k.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?i[j.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=d.createElement("script"),b.text=a,d.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b){var c,d=0;if(s(a)){for(c=a.length;c>d;d++)if(b.call(a[d],d,a[d])===!1)break}else for(d in a)if(b.call(a[d],d,a[d])===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):g.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:h.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,e,g=0,h=[];if(s(a))for(d=a.length;d>g;g++)e=b(a[g],g,c),null!=e&&h.push(e);else for(g in a)e=b(a[g],g,c),null!=e&&h.push(e);return f.apply([],h)},guid:1,proxy:function(a,b){var c,d,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(d=e.call(arguments,2),f=function(){return a.apply(b||this,d.concat(e.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:l}),"function"==typeof Symbol&&(n.fn[Symbol.iterator]=c[Symbol.iterator]),n.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(a,b){i["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=!!a&&"length"in a&&a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ga(),z=ga(),A=ga(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+M+"))|)"+L+"*\\]",O=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+N+")*)|.*)\\)|)",P=new RegExp(L+"+","g"),Q=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),R=new RegExp("^"+L+"*,"+L+"*"),S=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),T=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),U=new RegExp(O),V=new RegExp("^"+M+"$"),W={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M+"|[*])"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},X=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Z=/^[^{]+\{\s*\[native \w/,$=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,_=/[+~]/,aa=/'|\\/g,ba=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),ca=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},da=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(ea){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fa(a,b,d,e){var f,h,j,k,l,o,r,s,w=b&&b.ownerDocument,x=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==x&&9!==x&&11!==x)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==x&&(o=$.exec(a)))if(f=o[1]){if(9===x){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(w&&(j=w.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(o[2])return H.apply(d,b.getElementsByTagName(a)),d;if((f=o[3])&&c.getElementsByClassName&&b.getElementsByClassName)return H.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==x)w=b,s=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(aa,"\\$&"):b.setAttribute("id",k=u),r=g(a),h=r.length,l=V.test(k)?"#"+k:"[id='"+k+"']";while(h--)r[h]=l+" "+qa(r[h]);s=r.join(","),w=_.test(a)&&oa(b.parentNode)||b}if(s)try{return H.apply(d,w.querySelectorAll(s)),d}catch(y){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(Q,"$1"),b,d,e)}function ga(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ha(a){return a[u]=!0,a}function ia(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ja(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function ka(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function la(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function na(a){return ha(function(b){return b=+b,ha(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function oa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=fa.support={},f=fa.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fa.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ia(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ia(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Z.test(n.getElementsByClassName),c.getById=ia(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ba,ca);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return"undefined"!=typeof b.getElementsByClassName&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=Z.test(n.querySelectorAll))&&(ia(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ia(function(a){var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Z.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ia(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",O)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Z.test(o.compareDocumentPosition),t=b||Z.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return ka(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?ka(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},fa.matches=function(a,b){return fa(a,null,null,b)},fa.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(T,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fa(b,n,null,[a]).length>0},fa.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fa.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fa.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fa.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fa.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fa.selectors={cacheLength:50,createPseudo:ha,match:W,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ba,ca),a[3]=(a[3]||a[4]||a[5]||"").replace(ba,ca),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fa.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fa.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return W.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&U.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ba,ca).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fa.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(P," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fa.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ha(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ha(function(a){var b=[],c=[],d=h(a.replace(Q,"$1"));return d[u]?ha(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ha(function(a){return function(b){return fa(a,b).length>0}}),contains:ha(function(a){return a=a.replace(ba,ca),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ha(function(a){return V.test(a||"")||fa.error("unsupported lang: "+a),a=a.replace(ba,ca).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Y.test(a.nodeName)},input:function(a){return X.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:na(function(){return[0]}),last:na(function(a,b){return[b-1]}),eq:na(function(a,b,c){return[0>c?c+b:c]}),even:na(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:na(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:na(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:na(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function ra(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j,k=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(j=b[u]||(b[u]={}),i=j[b.uniqueID]||(j[b.uniqueID]={}),(h=i[d])&&h[0]===w&&h[1]===f)return k[2]=h[2];if(i[d]=k,k[2]=a(b,c,g))return!0}}}function sa(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ta(a,b,c){for(var d=0,e=b.length;e>d;d++)fa(a,b[d],c);return c}function ua(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function va(a,b,c,d,e,f){return d&&!d[u]&&(d=va(d)),e&&!e[u]&&(e=va(e,f)),ha(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ta(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ua(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ua(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ua(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function wa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ra(function(a){return a===b},h,!0),l=ra(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[ra(sa(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return va(i>1&&sa(m),i>1&&qa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(Q,"$1"),c,e>i&&wa(a.slice(i,e)),f>e&&wa(a=a.slice(e)),f>e&&qa(a))}m.push(c)}return sa(m)}function xa(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=F.call(i));u=ua(u)}H.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&fa.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ha(f):f}return h=fa.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xa(e,d)),f.selector=a}return f},i=fa.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ba,ca),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=W.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ba,ca),_.test(j[0].type)&&oa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qa(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,!b||_.test(a)&&oa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ia(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ia(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ja("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ia(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ja("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ia(function(a){return null==a.getAttribute("disabled")})||ja(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fa}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.uniqueSort=n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},v=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},w=n.expr.match.needsContext,x=/^<([\w-]+)\s*\/?>(?:<\/\1>|)$/,y=/^.[^:#\[\.,]*$/;function z(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(y.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return h.call(b,a)>-1!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(z(this,a||[],!1))},not:function(a){return this.pushStack(z(this,a||[],!0))},is:function(a){return!!z(this,"string"==typeof a&&w.test(a)?n(a):a||[],!1).length}});var A,B=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=n.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||A,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:B.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),x.test(e[1])&&n.isPlainObject(b))for(e in b)n.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&f.parentNode&&(this.length=1,this[0]=f),this.context=d,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?void 0!==c.ready?c.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};C.prototype=n.fn,A=n(d);var D=/^(?:parents|prev(?:Until|All))/,E={children:!0,contents:!0,next:!0,prev:!0};n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=w.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?h.call(n(a),this[0]):h.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.uniqueSort(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function F(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return u(a,"parentNode")},parentsUntil:function(a,b,c){return u(a,"parentNode",c)},next:function(a){return F(a,"nextSibling")},prev:function(a){return F(a,"previousSibling")},nextAll:function(a){return u(a,"nextSibling")},prevAll:function(a){return u(a,"previousSibling")},nextUntil:function(a,b,c){return u(a,"nextSibling",c)},prevUntil:function(a,b,c){return u(a,"previousSibling",c)},siblings:function(a){return v((a.parentNode||{}).firstChild,a)},children:function(a){return v(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(E[a]||n.uniqueSort(e),D.test(a)&&e.reverse()),this.pushStack(e)}});var G=/\S+/g;function H(a){var b={};return n.each(a.match(G)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?H(a):n.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),h>=c&&h--}),this},has:function(a){return a?n.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().progress(c.notify).done(c.resolve).fail(c.reject):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=e.call(arguments),d=c.length,f=1!==d||a&&n.isFunction(a.promise)?d:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(d){b[a]=this,c[a]=arguments.length>1?e.call(arguments):d,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(d>1)for(i=new Array(d),j=new Array(d),k=new Array(d);d>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().progress(h(b,j,i)).done(h(b,k,c)).fail(g.reject):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(d,[n]),n.fn.triggerHandler&&(n(d).triggerHandler("ready"),n(d).off("ready"))))}});function J(){d.removeEventListener("DOMContentLoaded",J),a.removeEventListener("load",J),n.ready()}n.ready.promise=function(b){return I||(I=n.Deferred(),"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(n.ready):(d.addEventListener("DOMContentLoaded",J),a.addEventListener("load",J))),I.promise(b)},n.ready.promise();var K=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)K(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},L=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function M(){this.expando=n.expando+M.uid++}M.uid=1,M.prototype={register:function(a,b){var c=b||{};return a.nodeType?a[this.expando]=c:Object.defineProperty(a,this.expando,{value:c,writable:!0,configurable:!0}),a[this.expando]},cache:function(a){if(!L(a))return{};var b=a[this.expando];return b||(b={},L(a)&&(a.nodeType?a[this.expando]=b:Object.defineProperty(a,this.expando,{value:b,configurable:!0}))),b},set:function(a,b,c){var d,e=this.cache(a);if("string"==typeof b)e[b]=c;else for(d in b)e[d]=b[d];return e},get:function(a,b){return void 0===b?this.cache(a):a[this.expando]&&a[this.expando][b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=a[this.expando];if(void 0!==f){if(void 0===b)this.register(a);else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in f?d=[b,e]:(d=e,d=d in f?[d]:d.match(G)||[])),c=d.length;while(c--)delete f[d[c]]}(void 0===b||n.isEmptyObject(f))&&(a.nodeType?a[this.expando]=void 0:delete a[this.expando])}},hasData:function(a){var b=a[this.expando];return void 0!==b&&!n.isEmptyObject(b)}};var N=new M,O=new M,P=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,Q=/[A-Z]/g;function R(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(Q,"-$&").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:P.test(c)?n.parseJSON(c):c}catch(e){}O.set(a,b,c); 3 | }else c=void 0;return c}n.extend({hasData:function(a){return O.hasData(a)||N.hasData(a)},data:function(a,b,c){return O.access(a,b,c)},removeData:function(a,b){O.remove(a,b)},_data:function(a,b,c){return N.access(a,b,c)},_removeData:function(a,b){N.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=O.get(f),1===f.nodeType&&!N.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),R(f,d,e[d])));N.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){O.set(this,a)}):K(this,function(b){var c,d;if(f&&void 0===b){if(c=O.get(f,a)||O.get(f,a.replace(Q,"-$&").toLowerCase()),void 0!==c)return c;if(d=n.camelCase(a),c=O.get(f,d),void 0!==c)return c;if(c=R(f,d,void 0),void 0!==c)return c}else d=n.camelCase(a),this.each(function(){var c=O.get(this,d);O.set(this,d,b),a.indexOf("-")>-1&&void 0!==c&&O.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){O.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=N.get(a,b),c&&(!d||n.isArray(c)?d=N.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return N.get(a,c)||N.access(a,c,{empty:n.Callbacks("once memory").add(function(){N.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length",""],thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};$.optgroup=$.option,$.tbody=$.tfoot=$.colgroup=$.caption=$.thead,$.th=$.td;function _(a,b){var c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function aa(a,b){for(var c=0,d=a.length;d>c;c++)N.set(a[c],"globalEval",!b||N.get(b[c],"globalEval"))}var ba=/<|&#?\w+;/;function ca(a,b,c,d,e){for(var f,g,h,i,j,k,l=b.createDocumentFragment(),m=[],o=0,p=a.length;p>o;o++)if(f=a[o],f||0===f)if("object"===n.type(f))n.merge(m,f.nodeType?[f]:f);else if(ba.test(f)){g=g||l.appendChild(b.createElement("div")),h=(Y.exec(f)||["",""])[1].toLowerCase(),i=$[h]||$._default,g.innerHTML=i[1]+n.htmlPrefilter(f)+i[2],k=i[0];while(k--)g=g.lastChild;n.merge(m,g.childNodes),g=l.firstChild,g.textContent=""}else m.push(b.createTextNode(f));l.textContent="",o=0;while(f=m[o++])if(d&&n.inArray(f,d)>-1)e&&e.push(f);else if(j=n.contains(f.ownerDocument,f),g=_(l.appendChild(f),"script"),j&&aa(g),c){k=0;while(f=g[k++])Z.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var da=/^key/,ea=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,fa=/^([^.]*)(?:\.(.+)|)/;function ga(){return!0}function ha(){return!1}function ia(){try{return d.activeElement}catch(a){}}function ja(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)ja(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=ha;else if(!e)return this;return 1===f&&(g=e,e=function(a){return n().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=n.guid++)),a.each(function(){n.event.add(this,b,e,d,c)})}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return"undefined"!=typeof n&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(G)||[""],j=b.length;while(j--)h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=N.hasData(a)&&N.get(a);if(r&&(i=r.events)){b=(b||"").match(G)||[""],j=b.length;while(j--)if(h=fa.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&N.remove(a,"handle events")}},dispatch:function(a){a=n.event.fix(a);var b,c,d,f,g,h=[],i=e.call(arguments),j=(N.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.rnamespace||a.rnamespace.test(g.namespace))&&(a.handleObj=g,a.data=g.data,d=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==d&&(a.result=d)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&("click"!==a.type||isNaN(a.button)||a.button<1))for(;i!==this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>-1:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h]*)\/>/gi,la=/\s*$/g;function pa(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a:a}function qa(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function ra(a){var b=na.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function sa(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(N.hasData(a)&&(f=N.access(a),g=N.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}O.hasData(a)&&(h=O.access(a),i=n.extend({},h),O.set(b,i))}}function ta(a,b){var c=b.nodeName.toLowerCase();"input"===c&&X.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}function ua(a,b,c,d){b=f.apply([],b);var e,g,h,i,j,k,m=0,o=a.length,p=o-1,q=b[0],r=n.isFunction(q);if(r||o>1&&"string"==typeof q&&!l.checkClone&&ma.test(q))return a.each(function(e){var f=a.eq(e);r&&(b[0]=q.call(this,e,f.html())),ua(f,b,c,d)});if(o&&(e=ca(b,a[0].ownerDocument,!1,a,d),g=e.firstChild,1===e.childNodes.length&&(e=g),g||d)){for(h=n.map(_(e,"script"),qa),i=h.length;o>m;m++)j=e,m!==p&&(j=n.clone(j,!0,!0),i&&n.merge(h,_(j,"script"))),c.call(a[m],j,m);if(i)for(k=h[h.length-1].ownerDocument,n.map(h,ra),m=0;i>m;m++)j=h[m],Z.test(j.type||"")&&!N.access(j,"globalEval")&&n.contains(k,j)&&(j.src?n._evalUrl&&n._evalUrl(j.src):n.globalEval(j.textContent.replace(oa,"")))}return a}function va(a,b,c){for(var d,e=b?n.filter(b,a):a,f=0;null!=(d=e[f]);f++)c||1!==d.nodeType||n.cleanData(_(d)),d.parentNode&&(c&&n.contains(d.ownerDocument,d)&&aa(_(d,"script")),d.parentNode.removeChild(d));return a}n.extend({htmlPrefilter:function(a){return a.replace(ka,"<$1>")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=_(h),f=_(a),d=0,e=f.length;e>d;d++)ta(f[d],g[d]);if(b)if(c)for(f=f||_(a),g=g||_(h),d=0,e=f.length;e>d;d++)sa(f[d],g[d]);else sa(a,h);return g=_(h,"script"),g.length>0&&aa(g,!i&&_(a,"script")),h},cleanData:function(a){for(var b,c,d,e=n.event.special,f=0;void 0!==(c=a[f]);f++)if(L(c)){if(b=c[N.expando]){if(b.events)for(d in b.events)e[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);c[N.expando]=void 0}c[O.expando]&&(c[O.expando]=void 0)}}}),n.fn.extend({domManip:ua,detach:function(a){return va(this,a,!0)},remove:function(a){return va(this,a)},text:function(a){return K(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.appendChild(a)}})},prepend:function(){return ua(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=pa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return ua(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(_(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return K(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!la.test(a)&&!$[(Y.exec(a)||["",""])[1].toLowerCase()]){a=n.htmlPrefilter(a);try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(_(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=[];return ua(this,arguments,function(b){var c=this.parentNode;n.inArray(this,a)<0&&(n.cleanData(_(this)),c&&c.replaceChild(b,this))},a)}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),f=e.length-1,h=0;f>=h;h++)c=h===f?this:this.clone(!0),n(e[h])[b](c),g.apply(d,c.get());return this.pushStack(d)}});var wa,xa={HTML:"block",BODY:"block"};function ya(a,b){var c=n(b.createElement(a)).appendTo(b.body),d=n.css(c[0],"display");return c.detach(),d}function za(a){var b=d,c=xa[a];return c||(c=ya(a,b),"none"!==c&&c||(wa=(wa||n("