Skip to content

Commit a213a15

Browse files
christiaanwesterbeekchristiaanwesterbeek
committed
Merge pull request #8 from Stephn-R/master
More updated directives including datepicker
2 parents b9a6b6d + b926750 commit a213a15

12 files changed

+64
-34
lines changed

‎directives/md-contact-chips.sublime-snippet

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<snippet>
22
<content><![CDATA[
3-
<md-contact-chips ng-model="ctrl.contacts" md-contacts="ctrl.querySearch($query)" md-contact-name="name" md-contact-image="image" md-contact-email="email" placeholder="To">
3+
<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}"}>
44
</md-contact-chips>
55
]]></content>
66
<tabTrigger>md-contact-chips</tabTrigger>
7-
<description>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.</description>
7+
<description>Angular Material - md-contact-chips with full options</description>
88
<scope>text.html</scope>
9-
</snippet>
9+
</snippet>

‎directives/md-content.sublime-snippet

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<snippet>
22
<content><![CDATA[
3-
<md-content layout-padding>
4-
Lorem ipsum dolor sit amet, ne quod novum mei.$1
3+
<md-content ${1:layout-padding} ${2:layout-wrap}>
4+
${3:Lorem ipsum dolor sit amet, ne quod novum mei}
55
</md-content>
66
]]></content>
77
<tabTrigger>md-content</tabTrigger>
8-
<description>Angular Material - The md-content directive is a container element useful for scrollable content. Add the [layout-padding] attribute to make the content padded.</description>
8+
<description>Angular Material - md-content</description>
99
<scope>text.html</scope>
10-
</snippet>
10+
</snippet>

‎directives/md-datepicker.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<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>
4+
]]></content>
5+
<tabTrigger>md-datepicker</tabTrigger>
6+
<description>Angular Material - md-date-picker</description>
7+
<scope>text.html</scope>
8+
</snippet>

‎directives/md-divider.sublime-snippet

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
<snippet>
2-
<content><![CDATA[<md-divider></md-divider>]]></content>
2+
<content><![CDATA[
3+
<md-divider ${1:md-inset}></md-divider>
4+
]]></content>
35
<tabTrigger>md-divider</tabTrigger>
4-
<description>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.</description>
6+
<description>Angular Material - md-divider</description>
57
<scope>text.html</scope>
68
</snippet>

‎directives/md-grid-list.sublime-snippet

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<snippet>
22
<content><![CDATA[
3-
<md-grid-list md-cols="5" md-gutter="1em" md-row-height="4:3">
4-
<md-grid-tile>$1</md-grid-tile>
3+
<md-grid-list md-cols="${1:number}" md-gutter="${2:string}" md-row-height="${3:string}" md-on-layout="${4:expr}">
4+
${5:<md-grid-tile>$6</md-grid-tile>}
55
</md-grid-list>
66
]]></content>
77
<tabTrigger>md-grid-list</tabTrigger>
8-
<description>Angular Material - Grid lists are an alternative to standard list views. Grid lists are distinct from grids used for layouts and other visual presentations.</description>
8+
<description>Angular Material - md-grid-list</description>
99
<scope>text.html</scope>
1010
</snippet>

‎directives/md-grid-tile.sublime-snippet

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,15 @@
11
<snippet>
22
<content><![CDATA[
3-
<md-grid-tile>
4-
<md-grid-tile-footer>
5-
<h3>This is a footer</h3>
6-
</md-grid-tile-footer>
3+
<md-grid-tile ${1:md-colspan="${2:number}"} ${3:md-rowspan="${4:number}"}>
4+
${5:<md-grid-tile-header>
5+
${6:<h3>$7</h3>}
6+
</md-grid-tile-header>}
7+
${8:<md-grid-tile-footer>
8+
${9:<h3>$10</h3>}
9+
</md-grid-tile-footer>}
710
</md-grid-tile>
811
]]></content>
912
<tabTrigger>md-grid-tile</tabTrigger>
10-
<description>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.</description>
13+
<description>Angular Material - md-grid-tile</description>
1114
<scope>text.html</scope>
12-
</snippet>
15+
</snippet>

‎directives/md-highlight-text.sublime-snippet

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,11 @@
11
<snippet>
22
<content><![CDATA[
3-
<input placeholder="Enter a search term..." ng-model="searchTerm" type="text">
3+
<input ${1:placeholder="${2:Enter a search term...}"} ${3:ng-model="${4:searchTerm}"} type="${5:text}">
44
<ul>
5-
<li ng-repeat="result in results" md-highlight-text="searchTerm">
6-
{{result.text}}
7-
</li>
5+
<li md-highlight-text="${4:searchTerm}">$5</li>
86
</ul>
97
]]></content>
108
<tabTrigger>md-highlight-text</tabTrigger>
11-
<description>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 &lt;span class="highlight"&gt;&lt;/span&gt; which can be styled through CSS. Please note that child elements may not be used with this directive.</description>
9+
<description>Angular Material - md-highlight-text</description>
1210
<scope>text.html</scope>
13-
</snippet>
11+
</snippet>

‎directives/md-icon-ligature.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-icon class="${1:material-icons step}" aria-label="${2:description}">${3:font-name}</md-icon>
4+
]]></content>
5+
<tabTrigger>md-icon-ligature</tabTrigger>
6+
<description>Angular Material - md-icon using Ligatures</description>
7+
<scope>text.html</scope>
8+
</snippet>

‎directives/md-icon-svg.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-icon md-svg-icon="${1:alarm}" style="${2:color: #0F0;}" aria-label="${3:Alarm Icon}"></md-icon>
4+
]]></content>
5+
<tabTrigger>md-icon-svg</tabTrigger>
6+
<description>Angular Material - md-icon using SVG</description>
7+
<scope>text.html</scope>
8+
</snippet>

‎directives/md-icon-url.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-icon class="${1:step img}" md-font-icon="${2:font.name}" aria-label="${3:description}"></md-icon>
4+
]]></content>
5+
<tabTrigger>md-icon-class</tabTrigger>
6+
<description>Angular Material - md-icon using Classnames</description>
7+
<scope>text.html</scope>
8+
</snippet>

0 commit comments

Comments
 (0)