From 985dcca0816ce2585dbacba1364e2ceaa893de49 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Mon, 19 Oct 2015 15:44:34 -0400 Subject: [PATCH 01/23] more options for md-card --- directives/md-button.sublime-snippet | 2 +- directives/md-card.sublime-snippet | 23 +++++++++++++---------- 2 files changed, 14 insertions(+), 11 deletions(-) diff --git a/directives/md-button.sublime-snippet b/directives/md-button.sublime-snippet index 4e0a45e..b295242 100644 --- a/directives/md-button.sublime-snippet +++ b/directives/md-button.sublime-snippet @@ -1,6 +1,6 @@ ${12:content}]]> md-button - Angular Material Button directive with options + Angular Material - Button directive with options text.html diff --git a/directives/md-card.sublime-snippet b/directives/md-card.sublime-snippet index 4cf45cd..bcab1c7 100644 --- a/directives/md-card.sublime-snippet +++ b/directives/md-card.sublime-snippet @@ -1,17 +1,20 @@ - image caption - -

Card headline

-

Card content

- - - Card footer - + ${1:${3:image caption}} + +

${4:Card headline}

+

${5:Card content}

+ + ${6: + ${7:Card footer} + } + ${8:
+ ${12:${13:content}} +
} ]]> md-card - Angular Material - Card with optional footer + Angular Material - Card with options text.html - \ No newline at end of file + From 7ae3909b887e431a887cca9047d4910fc9804376 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Mon, 19 Oct 2015 15:56:00 -0400 Subject: [PATCH 02/23] updated autocomplete directive with options --- directives/md-autocomplete.sublime-snippet | 13 +++++++++---- directives/md-card.sublime-snippet | 2 +- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/directives/md-autocomplete.sublime-snippet b/directives/md-autocomplete.sublime-snippet index 5247ba8..c5b5fc0 100644 --- a/directives/md-autocomplete.sublime-snippet +++ b/directives/md-autocomplete.sublime-snippet @@ -1,10 +1,15 @@ - {{item.display}} + + ${5: + ${6:\{\{ ${8:item.display} \}\}} + } + ${9: + ${10:No Matches Found.} + } ]]> md-autocomplete - Angular Material - autocomplete is a special input component with a drop-down of all possible matches to a custom query. This component allows you to provide real-time suggestions as the user types in the input area. + Angular Material - Autocomplete directive with options text.html - \ No newline at end of file + diff --git a/directives/md-card.sublime-snippet b/directives/md-card.sublime-snippet index bcab1c7..c751007 100644 --- a/directives/md-card.sublime-snippet +++ b/directives/md-card.sublime-snippet @@ -15,6 +15,6 @@ ]]> md-card - Angular Material - Card with options + Angular Material - Card directive with options text.html From 867cab22e50800aa7d647d79889b3ef75cc17392 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Mon, 19 Oct 2015 16:30:47 -0400 Subject: [PATCH 03/23] updated md-checkbox snippet --- directives/md-checkbox.sublime-snippet | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/directives/md-checkbox.sublime-snippet b/directives/md-checkbox.sublime-snippet index e1143c4..5728223 100644 --- a/directives/md-checkbox.sublime-snippet +++ b/directives/md-checkbox.sublime-snippet @@ -1,6 +1,10 @@ - $3]]> + + ${14:content} + +]]> md-checkbox - Angular Material - button directive with optional ink ripples (default enabled). + Angular Material - Checkbox directive with options text.html - \ No newline at end of file + From 4ca8fb813fef04997b4dd923f8db16dc6f6286b0 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Mon, 19 Oct 2015 16:38:13 -0400 Subject: [PATCH 04/23] certain pieces are required + consolidating chips directive --- directives/md-checkbox.sublime-snippet | 4 ++-- directives/md-chip-remove.sublime-snippet | 8 +++++--- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/directives/md-checkbox.sublime-snippet b/directives/md-checkbox.sublime-snippet index 5728223..684a3dc 100644 --- a/directives/md-checkbox.sublime-snippet +++ b/directives/md-checkbox.sublime-snippet @@ -1,7 +1,7 @@ - ${14:content} + + ${13:content} ]]> md-checkbox diff --git a/directives/md-chip-remove.sublime-snippet b/directives/md-chip-remove.sublime-snippet index d756056..d18b74d 100644 --- a/directives/md-chip-remove.sublime-snippet +++ b/directives/md-chip-remove.sublime-snippet @@ -1,6 +1,8 @@ - ]]> + +]]> md-chip-remove - Angular Material - md-chip-remove Designates an element to be used as the delete button for a chip. This element is passed as a child of the md-chips element. + Angular Material - md-chip-remove attribute text.html - \ No newline at end of file + From c5a9ebcb4ff87cbb71e14101452c4d504d14c6f9 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Mon, 19 Oct 2015 16:52:41 -0400 Subject: [PATCH 05/23] super chips snippet --- directives/md-chip-remove.sublime-snippet | 8 -------- directives/md-chip.sublime-snippet | 6 ------ directives/md-chips.sublime-snippet | 17 +++++++++++++---- 3 files changed, 13 insertions(+), 18 deletions(-) delete mode 100644 directives/md-chip-remove.sublime-snippet delete mode 100644 directives/md-chip.sublime-snippet diff --git a/directives/md-chip-remove.sublime-snippet b/directives/md-chip-remove.sublime-snippet deleted file mode 100644 index d18b74d..0000000 --- a/directives/md-chip-remove.sublime-snippet +++ /dev/null @@ -1,8 +0,0 @@ - - -]]> - md-chip-remove - Angular Material - md-chip-remove attribute - text.html - diff --git a/directives/md-chip.sublime-snippet b/directives/md-chip.sublime-snippet deleted file mode 100644 index 9ad3b7a..0000000 --- a/directives/md-chip.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - $1]]> - md-chip - Angular Material - md-chip is a component used within md-chips and is responsible for rendering individual chips. - text.html - \ No newline at end of file diff --git a/directives/md-chips.sublime-snippet b/directives/md-chips.sublime-snippet index e36ae3c..c84a9a3 100644 --- a/directives/md-chips.sublime-snippet +++ b/directives/md-chips.sublime-snippet @@ -1,7 +1,16 @@ - -]]> + + ${19: + ${20:content} + } + ${21:} + ${24:${25:content}} + +]]> md-chips - Angular Material - md-chips is an input component for building lists of strings or objects. The list items are displayed as 'chips'. This component can make use of an input element or an md-autocomplete element. + Angular Material - md-chips with full options and templating text.html - \ No newline at end of file + From 05d24a48828c2c7c0665e6d441cab35d7911a4fd Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Tue, 20 Oct 2015 08:52:41 +0200 Subject: [PATCH 06/23] Update Default.py --- Default.py | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Default.py b/Default.py index a4f2b3d..e1bec0d 100644 --- a/Default.py +++ b/Default.py @@ -1,4 +1,4 @@ import os import sys -__version__ = '0.1.1' +__version__ = '0.2.1' From 73918564152fe76dedd33e48859a9b815931731e Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Tue, 20 Oct 2015 08:55:11 +0200 Subject: [PATCH 07/23] Remove todo section --- README.md | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 7cc4461..83506cb 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ A Sublime Text 2/3 snippet to generate Angular Material snippets for <md-button>, <md-input>, <md-icon>, etc -Work in progress here. Collaborators are welcome to add and improve snippets for directives. Check the TODO paragraph below. +Work in progress here. Collaborators are welcome to add and improve snippets for directives. All snippest should be based on the directives described in this documentation: https://material.angularjs.org/latest/#/ ## Install @@ -16,7 +16,7 @@ Copy the files to your Packages directory. ## Usage -Start typing `Ctrl+Space to autocomplete. ##Snippets @@ -58,13 +58,6 @@ Currently supports these directives. - md-toolbar - md-tooltip -##TODO - -Collaborators are most welcome to help with the following - -- Fix double < character that is placed after hitting enter -- Improve directives. All snippest should be based on the directives described in this documentation: https://material.angularjs.org/latest/#/ - ## License [MIT Licensed](http://sloria.mit-license.org/). From c138bc081045700d8379019f395e77e411d3f2df Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Tue, 20 Oct 2015 08:59:38 +0200 Subject: [PATCH 08/23] Update CHANGELOG.md --- CHANGELOG.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index f97bf66..9ef1a88 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,12 @@ -# 0.2.0 +# 0.2.1 +- Three snippets for md-chips are consolidated into one super md-chips snippet +- added some commits +- more options for md-card +- updated autocomplete directive with options +- updated md-checkbox snippet +- certain pieces are required + consolidating chips directive +# 0.2.0 - all options for md-button covered - more md-button options - placeholder py file for versioning @@ -7,7 +14,6 @@ - enforce editor line spacing # 0.1.1 - **New Snippets:** Reference: https://material.angularjs.org/latest/ From 207188301ccb785b1c68bb2193d94cebf44f735d Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Tue, 20 Oct 2015 09:06:38 +0200 Subject: [PATCH 09/23] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 83506cb..93c4ea0 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ A Sublime Text 2/3 snippet to generate Angular Material snippets for <md-button>, <md-input>, <md-icon>, etc -Work in progress here. Collaborators are welcome to add and improve snippets for directives. All snippest should be based on the directives described in this documentation: https://material.angularjs.org/latest/#/ +Collaborators are welcome to add and improve snippets for directives. All snippets should be based on the directives described in this documentation: https://material.angularjs.org/latest/#/ ## Install From b9a6b6dc1cf8ca59a2853f94d4a9b53608c025e9 Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Tue, 20 Oct 2015 09:07:12 +0200 Subject: [PATCH 10/23] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 93c4ea0..a9bc9d0 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ Collaborators are welcome to add and improve snippets for directives. All snippe ## Install -### Option 1 Package Control +### Option 1: Package Control On Mac press Cmd+Shift+P or on PC press Ctrl+Shift+P. Then type 'Install' then press enter to see a list of packages. Search for 'Angular Material Snippets' then press enter to install. From febbd698186d216bfdae280f7afb97745f4b6bba Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Thu, 22 Oct 2015 15:37:48 -0400 Subject: [PATCH 11/23] better contact chips --- directives/md-contact-chips.sublime-snippet | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/directives/md-contact-chips.sublime-snippet b/directives/md-contact-chips.sublime-snippet index 9e248fd..6adee40 100644 --- a/directives/md-contact-chips.sublime-snippet +++ b/directives/md-contact-chips.sublime-snippet @@ -1,9 +1,9 @@ + ]]> md-contact-chips - Angular Material - md-contact-chips is an input component based on md-chips and makes use of an md-autocomplete element. The component allows the caller to supply a query expression which returns a list of possible contacts. The user can select one of these and add it to the list of chips. + Angular Material - md-contact-chips with full options text.html - \ No newline at end of file + From f0e6e2c5c1795759dee0c007ad7a23c930d2404d Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Thu, 22 Oct 2015 15:40:26 -0400 Subject: [PATCH 12/23] simple md-content --- directives/md-content.sublime-snippet | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/directives/md-content.sublime-snippet b/directives/md-content.sublime-snippet index 40a6160..b006102 100644 --- a/directives/md-content.sublime-snippet +++ b/directives/md-content.sublime-snippet @@ -1,10 +1,10 @@ - Lorem ipsum dolor sit amet, ne quod novum mei.$1 + + ${3:Lorem ipsum dolor sit amet, ne quod novum mei} ]]> md-content - Angular Material - The md-content directive is a container element useful for scrollable content. Add the [layout-padding] attribute to make the content padded. + Angular Material - md-content text.html - \ No newline at end of file + From dddc7e2dd74a3027496dd9ff46e22a3701884ae2 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Thu, 22 Oct 2015 15:46:35 -0400 Subject: [PATCH 13/23] datepicker and divider --- directives/md-datepicker.sublime-snippet | 8 ++++++++ directives/md-divider.sublime-snippet | 6 ++++-- 2 files changed, 12 insertions(+), 2 deletions(-) create mode 100644 directives/md-datepicker.sublime-snippet diff --git a/directives/md-datepicker.sublime-snippet b/directives/md-datepicker.sublime-snippet new file mode 100644 index 0000000..2830189 --- /dev/null +++ b/directives/md-datepicker.sublime-snippet @@ -0,0 +1,8 @@ + + +]]> + md-datepicker + Angular Material - md-date-picker + text.html + diff --git a/directives/md-divider.sublime-snippet b/directives/md-divider.sublime-snippet index 519d1a3..1a8017b 100644 --- a/directives/md-divider.sublime-snippet +++ b/directives/md-divider.sublime-snippet @@ -1,6 +1,8 @@ - ]]> + +]]> md-divider - Angular Material - Dividers group and separate content within lists and page layouts using strong visual and spatial distinctions. This divider is a thin rule, lightweight enough to not distract the user from content. + Angular Material - md-divider text.html From 5401554130e751f3c51f5f8991e6b38791a383b6 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Thu, 22 Oct 2015 15:54:20 -0400 Subject: [PATCH 14/23] md-grid list and tile --- directives/md-grid-list.sublime-snippet | 6 +++--- directives/md-grid-tile.sublime-snippet | 15 +++++++++------ 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/directives/md-grid-list.sublime-snippet b/directives/md-grid-list.sublime-snippet index 2437cc5..58024f4 100644 --- a/directives/md-grid-list.sublime-snippet +++ b/directives/md-grid-list.sublime-snippet @@ -1,10 +1,10 @@ - $1 + + ${5:$6} ]]> md-grid-list - Angular Material - Grid lists are an alternative to standard list views. Grid lists are distinct from grids used for layouts and other visual presentations. + Angular Material - md-grid-list text.html diff --git a/directives/md-grid-tile.sublime-snippet b/directives/md-grid-tile.sublime-snippet index 6ffbb7a..4a3d443 100644 --- a/directives/md-grid-tile.sublime-snippet +++ b/directives/md-grid-tile.sublime-snippet @@ -1,12 +1,15 @@ - -

This is a footer

- + + ${5: + ${6:

$7

} + } + ${8: + ${9:

$10

} + } ]]> md-grid-tile - Angular Material - Tiles contain the content of an md-grid-list. They span one or more grid cells vertically or horizontally, and use md-grid-tile-{footer,header} to display secondary content within the tile. + Angular Material - md-grid-tile text.html - \ No newline at end of file + From 947c713e583d70046d80e90b246a9afeff5a3627 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Thu, 22 Oct 2015 15:57:54 -0400 Subject: [PATCH 15/23] md-highlight-text updated --- directives/md-highlight-text.sublime-snippet | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/directives/md-highlight-text.sublime-snippet b/directives/md-highlight-text.sublime-snippet index 2c7200a..bbd0c2b 100644 --- a/directives/md-highlight-text.sublime-snippet +++ b/directives/md-highlight-text.sublime-snippet @@ -1,13 +1,11 @@ +
    -
  • - {{result.text}} -
    • +
  • $5
]]> md-highlight-text - Angular Material - The md-highlight-text directive allows you to specify text that should be highlighted within an element. Highlighted text will be wrapped in <span class="highlight"></span> which can be styled through CSS. Please note that child elements may not be used with this directive. + Angular Material - md-highlight-text text.html - \ No newline at end of file + From b3e49963db8b6fff4e1bdac0026333ff6aae72e2 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Thu, 22 Oct 2015 16:09:44 -0400 Subject: [PATCH 16/23] new md-icons snippets --- directives/md-icon-ligature.sublime-snippet | 8 ++++++++ directives/md-icon-svg.sublime-snippet | 8 ++++++++ directives/md-icon-url.sublime-snippet | 8 ++++++++ directives/md-icon.sublime-snippet | 6 ------ 4 files changed, 24 insertions(+), 6 deletions(-) create mode 100644 directives/md-icon-ligature.sublime-snippet create mode 100644 directives/md-icon-svg.sublime-snippet create mode 100644 directives/md-icon-url.sublime-snippet delete mode 100644 directives/md-icon.sublime-snippet diff --git a/directives/md-icon-ligature.sublime-snippet b/directives/md-icon-ligature.sublime-snippet new file mode 100644 index 0000000..e47b6d1 --- /dev/null +++ b/directives/md-icon-ligature.sublime-snippet @@ -0,0 +1,8 @@ + + ${3:font-name} +]]> + md-icon-ligature + Angular Material - md-icon using Ligatures + text.html + diff --git a/directives/md-icon-svg.sublime-snippet b/directives/md-icon-svg.sublime-snippet new file mode 100644 index 0000000..68116db --- /dev/null +++ b/directives/md-icon-svg.sublime-snippet @@ -0,0 +1,8 @@ + + +]]> + md-icon-svg + Angular Material - md-icon using SVG + text.html + diff --git a/directives/md-icon-url.sublime-snippet b/directives/md-icon-url.sublime-snippet new file mode 100644 index 0000000..f722160 --- /dev/null +++ b/directives/md-icon-url.sublime-snippet @@ -0,0 +1,8 @@ + + +]]> + md-icon-class + Angular Material - md-icon using Classnames + text.html + diff --git a/directives/md-icon.sublime-snippet b/directives/md-icon.sublime-snippet deleted file mode 100644 index dcab4fa..0000000 --- a/directives/md-icon.sublime-snippet +++ /dev/null @@ -1,6 +0,0 @@ - - ]]> - md-icon - Angular Material - The md-icon directive is an markup element useful for showing an icon based on a font-face or a SVG. Both external SVGs (via URLs) or cached SVG from icon sets can be easily loaded and used. - text.html - \ No newline at end of file From b92675033c05eb0867916f58781b09c2ef88b7d5 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Thu, 22 Oct 2015 16:19:55 -0400 Subject: [PATCH 17/23] input container --- directives/md-input-container.sublime-snippet | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/directives/md-input-container.sublime-snippet b/directives/md-input-container.sublime-snippet index 1b1d40a..5ddc9c4 100644 --- a/directives/md-input-container.sublime-snippet +++ b/directives/md-input-container.sublime-snippet @@ -1,10 +1,11 @@ - $1 + ${1: + } ]]> - md-highlight-text - Angular Material - Use md-input-container as parent of any input or textarea element. + md-input-container + Angular Material - md-input-container text.html - \ No newline at end of file + From 508907a12c083b3b2c15fa51184694566f6b7632 Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Fri, 23 Oct 2015 08:07:30 +0200 Subject: [PATCH 18/23] Update Default.py --- Default.py | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Default.py b/Default.py index e1bec0d..4bc26f3 100644 --- a/Default.py +++ b/Default.py @@ -1,4 +1,4 @@ import os import sys -__version__ = '0.2.1' +__version__ = '0.2.2' From 24d6ffd595c79beadc5d9c362c58d88f5a1d0e59 Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Fri, 23 Oct 2015 08:09:26 +0200 Subject: [PATCH 19/23] Update CHANGELOG.md --- CHANGELOG.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9ef1a88..83a2cd1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,13 @@ +# 0.2.2 +More updated directives including datepicker +- better contact chips +- simple md-content +- datepicker and divider +- md-grid list and tile +- md-highlight-text updated +- new md-icons snippets +- input container + # 0.2.1 - Three snippets for md-chips are consolidated into one super md-chips snippet - added some commits From c97bdc96e4b84f027b64d8c6e19fb0064c030d5a Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Tue, 27 Oct 2015 09:02:46 +0100 Subject: [PATCH 20/23] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a9bc9d0..c4b5c43 100644 --- a/README.md +++ b/README.md @@ -20,7 +20,7 @@ Start typing `md-` in html files and the autocomplete window opens or use C ##Snippets -Currently supports these directives. +See the [directives](https://github.com/devotis/sublime-angular-material-snippets/tree/master/directives) directory for supported snippets. - md-autocomplete - md-button From c2a38d6fc8e8e02a4e5573f253c7a399ddf8ceb7 Mon Sep 17 00:00:00 2001 From: Christiaan Westerbeek Date: Tue, 27 Oct 2015 09:03:11 +0100 Subject: [PATCH 21/23] Update README.md --- README.md | 33 +-------------------------------- 1 file changed, 1 insertion(+), 32 deletions(-) diff --git a/README.md b/README.md index c4b5c43..6515fc4 100644 --- a/README.md +++ b/README.md @@ -25,38 +25,7 @@ See the [directives](https://github.com/devotis/sublime-angular-material-snippet - md-autocomplete - md-button - md-card -- md-checkbox -- md-chip -- md-chip-remove -- md-chips -- md-contact-chips -- md-content -- md-divider -- md-grid-list -- md-grid-tile -- md-highlight-text -- md-icon -- md-input -- md-input-container -- md-list -- md-list-item -- md-menu -- md-progress-circular -- md-progress-linear -- md-radio-button -- md-radio-group -- md-select -- md-sidenav -- md-sidenav-focus -- md-slider -- md-subheader -- md-swipe-left -- md-swipe-right -- md-switch -- md-tab -- md-tabs -- md-toolbar -- md-tooltip +etc... ## License From 0c2fbdb275d8872762dfc6e51cb2fc4f27b35ade Mon Sep 17 00:00:00 2001 From: Izaak Khaliq Date: Fri, 12 Feb 2016 13:12:53 +0800 Subject: [PATCH 22/23] Minor update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6515fc4..23d4106 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ Copy the files to your Packages directory. ## Usage -Start typing `md-` in html files and the autocomplete window opens or use Ctrl+Space to autocomplete. +Start typing `Ctrl+Space to autocomplete. ##Snippets From 2d2a476ef9425bef600c64b183df037267683ed7 Mon Sep 17 00:00:00 2001 From: Stephen Rodriguez Date: Mon, 15 Feb 2016 20:48:53 -0500 Subject: [PATCH 23/23] remove leading caret for tab expansion issue --- directives/md-autocomplete.sublime-snippet | 2 +- directives/md-button.sublime-snippet | 2 +- directives/md-card.sublime-snippet | 2 +- directives/md-checkbox.sublime-snippet | 2 +- directives/md-chips.sublime-snippet | 2 +- directives/md-contact-chips.sublime-snippet | 2 +- directives/md-content.sublime-snippet | 2 +- directives/md-datepicker.sublime-snippet | 2 +- directives/md-divider.sublime-snippet | 2 +- directives/md-grid-list.sublime-snippet | 2 +- directives/md-grid-tile.sublime-snippet | 2 +- directives/md-highlight-text.sublime-snippet | 2 +- directives/md-icon-ligature.sublime-snippet | 2 +- directives/md-icon-svg.sublime-snippet | 2 +- directives/md-icon-url.sublime-snippet | 2 +- directives/md-input-container.sublime-snippet | 2 +- directives/md-input.sublime-snippet | 2 +- directives/md-list-item.sublime-snippet | 4 ++-- directives/md-list.sublime-snippet | 4 ++-- directives/md-menu.sublime-snippet | 4 ++-- directives/md-progress-circular.sublime-snippet | 2 +- directives/md-progress-linear.sublime-snippet | 2 +- directives/md-radio-button.sublime-snippet | 2 +- directives/md-radio-group.sublime-snippet | 4 ++-- directives/md-select.sublime-snippet | 4 ++-- directives/md-sidenav.sublime-snippet | 4 ++-- directives/md-slider.sublime-snippet | 4 ++-- directives/md-subheader.sublime-snippet | 4 ++-- directives/md-swipe-left.sublime-snippet | 4 ++-- directives/md-swipe-right.sublime-snippet | 4 ++-- directives/md-switch.sublime-snippet | 4 ++-- directives/md-tab.sublime-snippet | 4 ++-- directives/md-tabs.sublime-snippet | 4 ++-- directives/md-toolbar.sublime-snippet | 4 ++-- directives/md-tooltip.sublime-snippet | 4 ++-- directives/md-whiteframe.sublime-snippet | 4 ++-- 36 files changed, 52 insertions(+), 52 deletions(-) diff --git a/directives/md-autocomplete.sublime-snippet b/directives/md-autocomplete.sublime-snippet index c5b5fc0..856b013 100644 --- a/directives/md-autocomplete.sublime-snippet +++ b/directives/md-autocomplete.sublime-snippet @@ -1,6 +1,6 @@ +md-autocomplete md-selected-item="${1:selectedItem}" md-search-text="${2:searchText}" md-items="${3:item in getMatches(searchText)}" md-item-text="${4:item.display}"> ${5: ${6:\{\{ ${8:item.display} \}\}} } diff --git a/directives/md-button.sublime-snippet b/directives/md-button.sublime-snippet index b295242..87706d8 100644 --- a/directives/md-button.sublime-snippet +++ b/directives/md-button.sublime-snippet @@ -1,5 +1,5 @@ - ${12:content}]]> + ${12:content}]]> md-button Angular Material - Button directive with options text.html diff --git a/directives/md-card.sublime-snippet b/directives/md-card.sublime-snippet index c751007..31a4a2a 100644 --- a/directives/md-card.sublime-snippet +++ b/directives/md-card.sublime-snippet @@ -1,6 +1,6 @@ +md-card> ${1:${3:image caption}}

${4:Card headline}

diff --git a/directives/md-checkbox.sublime-snippet b/directives/md-checkbox.sublime-snippet index 684a3dc..4d6141a 100644 --- a/directives/md-checkbox.sublime-snippet +++ b/directives/md-checkbox.sublime-snippet @@ -1,6 +1,6 @@ +md-checkbox ${1:md-no-ink} ${2:ng-true-value="${3:expr}" ng-false-value="${4:expr}"} ng-model="${5:variable}" ${6:name="${7:string}"} ${8:ng-change="${9:expr}"} ${10:ng-disabled="${11:boolean}"} aria-label="${12:string}"> ${13:content} ]]> diff --git a/directives/md-chips.sublime-snippet b/directives/md-chips.sublime-snippet index c84a9a3..a542875 100644 --- a/directives/md-chips.sublime-snippet +++ b/directives/md-chips.sublime-snippet @@ -1,6 +1,6 @@ +md-chips ${1:ng-model="${2:string|object}"} ${3:md-on-append="${4:expr}"} ${5:placeholder="${6:string}"} ${7:secondary-placeholder="${8:string}"} ${9:readonly="${10:boolean}"} ${11:md-on-remove="${12:expr}" ${13:md-on-select="${14:expr}"}} ${15:delete-hint="${16:string}" ${17:delete-button-label="${18:string}"}}> ${19: ${20:content} } diff --git a/directives/md-contact-chips.sublime-snippet b/directives/md-contact-chips.sublime-snippet index 6adee40..558605b 100644 --- a/directives/md-contact-chips.sublime-snippet +++ b/directives/md-contact-chips.sublime-snippet @@ -1,6 +1,6 @@ +md-contact-chips ng-model="${1:variable}" md-contacts="${2:searchFunction}" md-contact-name="${3:string}" md-contact-image="${4:string}" md-contact-email="${5:string}" ${6:md-require-match="${7:boolean}" md-highlight-flags="${8:string}" filter-selected="${9:filterFunction}" placeholder="${10:string}"}> ]]> md-contact-chips diff --git a/directives/md-content.sublime-snippet b/directives/md-content.sublime-snippet index b006102..03d7c8f 100644 --- a/directives/md-content.sublime-snippet +++ b/directives/md-content.sublime-snippet @@ -1,6 +1,6 @@ +md-content ${1:layout-padding} ${2:layout-wrap}> ${3:Lorem ipsum dolor sit amet, ne quod novum mei} ]]> diff --git a/directives/md-datepicker.sublime-snippet b/directives/md-datepicker.sublime-snippet index 2830189..0ecfcc3 100644 --- a/directives/md-datepicker.sublime-snippet +++ b/directives/md-datepicker.sublime-snippet @@ -1,6 +1,6 @@ +md-datepicker ng-model="${1:variable}" ${2:ng-change="${3:expr}" md-min-date="${4:Date}" md-max-date="${5:Date}" disabled="${6:boolean}" required="${7:boolean}"}> ]]> md-datepicker Angular Material - md-date-picker diff --git a/directives/md-divider.sublime-snippet b/directives/md-divider.sublime-snippet index 1a8017b..c6a3225 100644 --- a/directives/md-divider.sublime-snippet +++ b/directives/md-divider.sublime-snippet @@ -1,6 +1,6 @@ +md-divider ${1:md-inset}> ]]> md-divider Angular Material - md-divider diff --git a/directives/md-grid-list.sublime-snippet b/directives/md-grid-list.sublime-snippet index 58024f4..786290a 100644 --- a/directives/md-grid-list.sublime-snippet +++ b/directives/md-grid-list.sublime-snippet @@ -1,6 +1,6 @@ +md-grid-list md-cols="${1:number}" md-gutter="${2:string}" md-row-height="${3:string}" md-on-layout="${4:expr}"> ${5:$6} ]]> diff --git a/directives/md-grid-tile.sublime-snippet b/directives/md-grid-tile.sublime-snippet index 4a3d443..101d7c9 100644 --- a/directives/md-grid-tile.sublime-snippet +++ b/directives/md-grid-tile.sublime-snippet @@ -1,6 +1,6 @@ +md-grid-tile ${1:md-colspan="${2:number}"} ${3:md-rowspan="${4:number}"}> ${5: ${6:

$7

} } diff --git a/directives/md-highlight-text.sublime-snippet b/directives/md-highlight-text.sublime-snippet index bbd0c2b..2c005c9 100644 --- a/directives/md-highlight-text.sublime-snippet +++ b/directives/md-highlight-text.sublime-snippet @@ -1,6 +1,6 @@ +input ${1:placeholder="${2:Enter a search term...}"} ${3:ng-model="${4:searchTerm}"} type="${5:text}">
  • $5
diff --git a/directives/md-icon-ligature.sublime-snippet b/directives/md-icon-ligature.sublime-snippet index e47b6d1..f5449a3 100644 --- a/directives/md-icon-ligature.sublime-snippet +++ b/directives/md-icon-ligature.sublime-snippet @@ -1,6 +1,6 @@ ${3:font-name} +md-icon class="${1:material-icons step}" aria-label="${2:description}">${3:font-name} ]]> md-icon-ligature Angular Material - md-icon using Ligatures diff --git a/directives/md-icon-svg.sublime-snippet b/directives/md-icon-svg.sublime-snippet index 68116db..315a95d 100644 --- a/directives/md-icon-svg.sublime-snippet +++ b/directives/md-icon-svg.sublime-snippet @@ -1,6 +1,6 @@ +md-icon md-svg-icon="${1:alarm}" style="${2:color: #0F0;}" aria-label="${3:Alarm Icon}"> ]]> md-icon-svg Angular Material - md-icon using SVG diff --git a/directives/md-icon-url.sublime-snippet b/directives/md-icon-url.sublime-snippet index f722160..b1e4537 100644 --- a/directives/md-icon-url.sublime-snippet +++ b/directives/md-icon-url.sublime-snippet @@ -1,6 +1,6 @@ +md-icon class="${1:step img}" md-font-icon="${2:font.name}" aria-label="${3:description}"> ]]> md-icon-class Angular Material - md-icon using Classnames diff --git a/directives/md-input-container.sublime-snippet b/directives/md-input-container.sublime-snippet index 5ddc9c4..3e73cf3 100644 --- a/directives/md-input-container.sublime-snippet +++ b/directives/md-input-container.sublime-snippet @@ -1,6 +1,6 @@ +md-input-container> ${1: } diff --git a/directives/md-input.sublime-snippet b/directives/md-input.sublime-snippet index c39aa13..20d1421 100644 --- a/directives/md-input.sublime-snippet +++ b/directives/md-input.sublime-snippet @@ -1,6 +1,6 @@ $1 +label>$1 ]]> md-chip-remove diff --git a/directives/md-list-item.sublime-snippet b/directives/md-list-item.sublime-snippet index 3d25bce..fa2ba3e 100644 --- a/directives/md-list-item.sublime-snippet +++ b/directives/md-list-item.sublime-snippet @@ -1,9 +1,9 @@ +md-list-item class="md-2-line" ng-repeat="$1"> $2 ]]> md-list-item Angular Material - The md-list-item directive is a container intended for row items in a md-list container. text.html - \ No newline at end of file + diff --git a/directives/md-list.sublime-snippet b/directives/md-list.sublime-snippet index 377327d..0e912bd 100644 --- a/directives/md-list.sublime-snippet +++ b/directives/md-list.sublime-snippet @@ -1,9 +1,9 @@ +md-list> $1 ]]> md-list Angular Material - The md-list directive is a list container for 1..n md-list-item tags. text.html - \ No newline at end of file + diff --git a/directives/md-menu.sublime-snippet b/directives/md-menu.sublime-snippet index e249267..ed60dfe 100644 --- a/directives/md-menu.sublime-snippet +++ b/directives/md-menu.sublime-snippet @@ -1,6 +1,6 @@ +md-menu md-offset="0 0"> @@ -12,4 +12,4 @@ md-menu Angular Material - Menus are elements that open when clicked. They are useful for displaying additional options within the context of an action. text.html - \ No newline at end of file + diff --git a/directives/md-progress-circular.sublime-snippet b/directives/md-progress-circular.sublime-snippet index 07f8b1f..f5fd663 100644 --- a/directives/md-progress-circular.sublime-snippet +++ b/directives/md-progress-circular.sublime-snippet @@ -1,6 +1,6 @@ +md-progress-circular md-mode="determinate" value="$1" ng-value="$2" md-diameter="48"> ]]> md-progress-circular Angular Material - The circular progress directive is used to make loading content in your app as delightful and painless as possible by minimizing the amount of visual change a user sees before they can view and interact with content. diff --git a/directives/md-progress-linear.sublime-snippet b/directives/md-progress-linear.sublime-snippet index 6a9fa8c..fd13dcc 100644 --- a/directives/md-progress-linear.sublime-snippet +++ b/directives/md-progress-linear.sublime-snippet @@ -1,6 +1,6 @@ +md-progress-linear md-mode="buffer" value="$1" md-buffer-value="$2"> ]]> md-progress-linear diff --git a/directives/md-radio-button.sublime-snippet b/directives/md-radio-button.sublime-snippet index 6dbf214..91f5360 100644 --- a/directives/md-radio-button.sublime-snippet +++ b/directives/md-radio-button.sublime-snippet @@ -1,5 +1,5 @@ - $4]]> + $4]]> md-radio-button Angular Material - The md-radio-button directive is the child directive required to be used within md-radio-group elements. text.html diff --git a/directives/md-radio-group.sublime-snippet b/directives/md-radio-group.sublime-snippet index 2ca7a67..43c6dff 100644 --- a/directives/md-radio-group.sublime-snippet +++ b/directives/md-radio-group.sublime-snippet @@ -1,10 +1,10 @@ +md-radio-group ng-model="$1"> $2 ]]> md-list Angular Material - The md-radio-group directive identifies a grouping container for the 1..n grouped radio buttons; specified using nested md-radio-button tags. text.html - \ No newline at end of file + diff --git a/directives/md-select.sublime-snippet b/directives/md-select.sublime-snippet index 94ad097..6559c97 100644 --- a/directives/md-select.sublime-snippet +++ b/directives/md-select.sublime-snippet @@ -1,6 +1,6 @@ +md-select ng-model="$1"> Select a state {{ opt }} @@ -8,4 +8,4 @@ md-select Angular Material - Displays a select box, bound to an ng-model. text.html - \ No newline at end of file + diff --git a/directives/md-sidenav.sublime-snippet b/directives/md-sidenav.sublime-snippet index b45b911..9a0e8f5 100644 --- a/directives/md-sidenav.sublime-snippet +++ b/directives/md-sidenav.sublime-snippet @@ -1,6 +1,6 @@ +div layout="row" ng-controller="MyController"> Left Nav! @@ -23,4 +23,4 @@ md-sidenav Angular Material - A Sidenav component that can be opened and closed programatically. text.html - \ No newline at end of file + diff --git a/directives/md-slider.sublime-snippet b/directives/md-slider.sublime-snippet index 3d623dd..4ebe1ea 100644 --- a/directives/md-slider.sublime-snippet +++ b/directives/md-slider.sublime-snippet @@ -1,6 +1,6 @@ - ]]> + ]]> md-slider Angular Material - The md-slider component allows the user to choose from a range of values. text.html - \ No newline at end of file + diff --git a/directives/md-subheader.sublime-snippet b/directives/md-subheader.sublime-snippet index 7bb6188..6ef7db9 100644 --- a/directives/md-subheader.sublime-snippet +++ b/directives/md-subheader.sublime-snippet @@ -1,6 +1,6 @@ - $1]]> + $1]]> md-subheader Angular Material - The md-subheader directive is a subheader for a section. By default it is sticky. text.html - \ No newline at end of file + diff --git a/directives/md-swipe-left.sublime-snippet b/directives/md-swipe-left.sublime-snippet index 2bc23ef..9cd23f6 100644 --- a/directives/md-swipe-left.sublime-snippet +++ b/directives/md-swipe-left.sublime-snippet @@ -1,6 +1,6 @@ - $1]]> + $1]]> md-swipe-left Angular Material - The md-swipe-left directives allows you to specify custom behavior when an element is swiped left. text.html - \ No newline at end of file + diff --git a/directives/md-swipe-right.sublime-snippet b/directives/md-swipe-right.sublime-snippet index cbdf69d..01426cb 100644 --- a/directives/md-swipe-right.sublime-snippet +++ b/directives/md-swipe-right.sublime-snippet @@ -1,6 +1,6 @@ - $1]]> + $1]]> md-swipe-right Angular Material - The md-swipe-right directives allows you to specify custom behavior when an element is swiped right. text.html - \ No newline at end of file + diff --git a/directives/md-switch.sublime-snippet b/directives/md-switch.sublime-snippet index 421cbdf..f39dac0 100644 --- a/directives/md-switch.sublime-snippet +++ b/directives/md-switch.sublime-snippet @@ -1,10 +1,10 @@ +md-switch ng-model="$1" aria-label="$2"> $3 ]]> md-switch Angular Material - The md-switch can also use md-no-ink, ng-true-value="", ng-false-value="", ng-change="" attributes. text.html - \ No newline at end of file + diff --git a/directives/md-tab.sublime-snippet b/directives/md-tab.sublime-snippet index 06aa571..d475868 100644 --- a/directives/md-tab.sublime-snippet +++ b/directives/md-tab.sublime-snippet @@ -1,6 +1,6 @@ +md-tab label="" disabled md-on-select="" md-on-deselect="">

$1

 @@ -14,4 +14,4 @@ md-tab Angular Material - Use the md-tab a nested directive used within md-tabs to specify a tab with a label and optional view content. text.html - \ No newline at end of file + diff --git a/directives/md-tabs.sublime-snippet b/directives/md-tabs.sublime-snippet index 409b47d..3acb457 100644 --- a/directives/md-tabs.sublime-snippet +++ b/directives/md-tabs.sublime-snippet @@ -1,6 +1,6 @@ +md-tabs md-selected="selectedIndexInteger"> $1 @@ -21,4 +21,4 @@ md-autoselect - boolean - When present, any tabs added after the initial load wi md-tab Angular Material - The md-tabs directive serves as the container for 1..n md-tab child directives to produces a Tabs components. text.html - \ No newline at end of file + diff --git a/directives/md-toolbar.sublime-snippet b/directives/md-toolbar.sublime-snippet index a5507ac..e3f7ea0 100644 --- a/directives/md-toolbar.sublime-snippet +++ b/directives/md-toolbar.sublime-snippet @@ -1,6 +1,6 @@ +div layout="column" layout-fill> @@ -25,4 +25,4 @@ md-toolbar Angular Material - Toolbars are usually used above a content area to display the title of the current page, and show relevant action buttons for that page. text.html - \ No newline at end of file + diff --git a/directives/md-tooltip.sublime-snippet b/directives/md-tooltip.sublime-snippet index 52f26b6..beb4621 100644 --- a/directives/md-tooltip.sublime-snippet +++ b/directives/md-tooltip.sublime-snippet @@ -1,10 +1,10 @@ +md-tooltip md-visible="true" md-delay="400" md-direction="bottom" md-autohide="true"> $1 ]]> md-tooltip Angular Material - Place a md-tooltip as a child of the element it describes. text.html - \ No newline at end of file + diff --git a/directives/md-whiteframe.sublime-snippet b/directives/md-whiteframe.sublime-snippet index aa5209f..18a0193 100644 --- a/directives/md-whiteframe.sublime-snippet +++ b/directives/md-whiteframe.sublime-snippet @@ -1,9 +1,9 @@ +md-whiteframe class="md-whiteframe-z1" layout layout-align="center center"> $1 ]]> md-whiteframe Angular Material - whiteframe for content can use z1-z5 class. text.html - \ No newline at end of file +