Skip to content

Commit 6c81e90

Browse files
christiaanwesterbeekchristiaanwesterbeek
committed
Merge pull request #2 from LuckyTNT/master
Much appreciated!
2 parents 1773a4b + 1044181 commit 6c81e90

22 files changed

+265
-21
lines changed

‎README.md

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -36,33 +36,33 @@ Currently support these directives
3636
- md-grid-tile
3737
- md-highlight-text
3838
- md-icon
39+
- md-input
40+
- md-input-container
41+
- md-list
42+
- md-list-item
43+
- md-menu
44+
- md-progress-circular
45+
- md-progress-linear
46+
- md-radio-button
47+
- md-radio-group
48+
- md-select
49+
- md-sidenav
50+
- md-sidenav-focus
51+
- md-slider
52+
- md-subheader
53+
- md-swipe-left
54+
- md-swipe-right
55+
- md-switch
56+
- md-tab
57+
- md-tabs
58+
- md-toolbar
59+
- md-tooltip
3960

4061
##TODO
4162

4263
Collaborators are most welcome to help with the following
4364

4465
- Fix double < character that is placed after hitting enter
45-
- Build support for these snippets. All snippest should be based on the directives described in this documentation: https://material.angularjs.org/latest/#/
46-
- md-input
47-
- md-input-container
48-
- md-list
49-
- md-list-item
50-
- md-progress-circular
51-
- md-progress-linear
52-
- md-radio-button
53-
- md-radio-group
54-
- md-select
55-
- md-sidenav
56-
- md-sidenav-focus
57-
- md-slider
58-
- md-subheader
59-
- md-swipe-left
60-
- md-swipe-right
61-
- md-switch
62-
- md-tab
63-
- md-tabs
64-
- md-toolbar
65-
- md-tooltip
6666
- Improve directives
6767

6868
## License

‎directives/md-input-container.sublime-snippet

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-input-container>
4+
$1
5+
</md-input-container>
6+
]]></content>
7+
<tabTrigger>md-highlight-text</tabTrigger>
8+
<description>Angular Material - Use md-input-container as parent of any input or textarea element.</description>
9+
<scope>text.html</scope>
10+
</snippet>

‎directives/md-input.sublime-snippet

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<label>$1</label>
4+
<input name="$2" ng-model="$3" placeholder="$4" required md-maxlength="$5" minlength="$6">
5+
]]></content>
6+
<tabTrigger>md-chip-remove</tabTrigger>
7+
<description>Angular Material - input Use as a child of an md-input-container.</description>
8+
<scope>text.html</scope>
9+
</snippet>

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

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-list-item class="md-2-line" ng-repeat="$1">
4+
$2
5+
</md-list-item>]]></content>
6+
<tabTrigger>md-list-item</tabTrigger>
7+
<description>Angular Material - The md-list-item directive is a container intended for row items in a md-list container.</description>
8+
<scope>text.html</scope>
9+
</snippet>

‎directives/md-list.sublime-snippet

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-list>
4+
$1
5+
</md-list>]]></content>
6+
<tabTrigger>md-list</tabTrigger>
7+
<description>Angular Material - The md-list directive is a list container for 1..n md-list-item tags.</description>
8+
<scope>text.html</scope>
9+
</snippet>

‎directives/md-menu.sublime-snippet

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-menu md-offset="0 0">
4+
<!-- Trigger element is a md-button with an icon -->
5+
<md-button ng-click="$mdOpenMenu()" class="md-icon-button" aria-label="Open sample menu">
6+
<md-icon md-svg-icon="call:phone"></md-icon>
7+
</md-button>
8+
<md-menu-content>
9+
<md-menu-item><md-button ng-click="doSomething()">Do Something</md-button></md-menu-item>
10+
</md-menu-content>
11+
</md-menu>]]></content>
12+
<tabTrigger>md-menu</tabTrigger>
13+
<description>Angular Material - Menus are elements that open when clicked. They are useful for displaying additional options within the context of an action.</description>
14+
<scope>text.html</scope>
15+
</snippet>

‎directives/md-progress-circular.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-progress-circular md-mode="determinate" value="$1" ng-value="$2" md-diameter="48"></md-progress-circular>
4+
<!--For operations where the user is asked to wait a moment while something finishes up, and it’s not necessary to expose what's happening behind the scenes and how long it will take, use an md-mode="indeterminate" indicator.-->]]></content>
5+
<tabTrigger>md-progress-circular</tabTrigger>
6+
<description>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.</description>
7+
<scope>text.html</scope>
8+
</snippet>

‎directives/md-progress-linear.sublime-snippet

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-progress-linear md-mode="buffer" value="$1" md-buffer-value="$2"></md-progress-linear>
4+
<!--md-mode can be select from one of four modes: determinate, indeterminate, buffer or query..-->
5+
]]></content>
6+
<tabTrigger>md-progress-linear</tabTrigger>
7+
<description>Angular Material - The linear 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.</description>
8+
<scope>text.html</scope>
9+
</snippet>

‎directives/md-radio-button.sublime-snippet

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<snippet>
2+
<content><![CDATA[<md-radio-button ng-model="$1" ng-value="$2" aria-label="$3">$4</md-radio-button>]]></content>
3+
<tabTrigger>md-radio-button</tabTrigger>
4+
<description>Angular Material - The md-radio-button directive is the child directive required to be used within md-radio-group elements.</description>
5+
<scope>text.html</scope>
6+
</snippet>

‎directives/md-radio-group.sublime-snippet

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<snippet>
2+
<content><![CDATA[
3+
<md-radio-group ng-model="$1">
4+
$2
5+
</md-radio-group>
6+
]]></content>
7+
<tabTrigger>md-list</tabTrigger>
8+
<description>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.</description>
9+
<scope>text.html</scope>
10+
</snippet>

0 commit comments

Comments
 (0)