diff --git a/components/ionItem/ionItem.html b/components/ionItem/ionItem.html
index dd1ba89..ecce8a4 100644
--- a/components/ionItem/ionItem.html
+++ b/components/ionItem/ionItem.html
@@ -1,15 +1,11 @@
{{#if isAnchor}}
-
- {{> UI.contentBlock}}
-
+ {{> UI.contentBlock}}
{{else}}
-
- {{> UI.contentBlock}}
-
+ {{> UI.contentBlock}}
{{/if}}
diff --git a/components/ionItem/ionItem.js b/components/ionItem/ionItem.js
index 168fdb7..489a941 100644
--- a/components/ionItem/ionItem.js
+++ b/components/ionItem/ionItem.js
@@ -9,6 +9,10 @@ Template.ionItem.helpers({
});
}
+ if (this.avatar) {
+ classes.push('item-avatar');
+ }
+
if (this.iconLeft) {
classes.push('item-icon-left');
}
@@ -17,11 +21,13 @@ Template.ionItem.helpers({
classes.push('item-icon-right');
}
- return classes.join(' ');
- },
+ if (this.buttonLeft) {
+ classes.push('item-button-left');
+ }
- contentClasses: function () {
- var classes = ['item-content'];
+ if (this.buttonRight) {
+ classes.push('item-button-right');
+ }
return classes.join(' ');
},
diff --git a/showcase/client/stylesheets/app.scss b/showcase/client/stylesheets/app.scss
index ef377dc..404904a 100644
--- a/showcase/client/stylesheets/app.scss
+++ b/showcase/client/stylesheets/app.scss
@@ -4,3 +4,13 @@
.popover {
height: auto;
}
+
+.item p {
+ margin-bottom: 0;
+}
+
+.item-button-left, .item-button-right {
+ button {
+ top: 16px;
+ }
+}
diff --git a/showcase/client/templates/forms/forms.html b/showcase/client/templates/forms/forms.html
index 87d39b4..97d5958 100644
--- a/showcase/client/templates/forms/forms.html
+++ b/showcase/client/templates/forms/forms.html
@@ -6,9 +6,10 @@
Forms
{{/ionHeaderBar}}
- {{#ionContent}}
-
- Content goes here
-
+ {{#ionContent class="padding"}}
+
+ Forms use the meteoric:autoform-ionic package.
+
+ {{> ionIcon icon="ios-upload-outline"}} Launch Example
{{/ionContent}}
diff --git a/showcase/client/templates/lists/lists.html b/showcase/client/templates/lists/lists.html
index 324cd33..babdc39 100644
--- a/showcase/client/templates/lists/lists.html
+++ b/showcase/client/templates/lists/lists.html
@@ -4,11 +4,27 @@
{{> ionIcon icon='ios-arrow-back'}}
Lists
+
{{/ionHeaderBar}}
{{#ionContent}}
-
- Content goes here
-
+ {{#ionList}}
+
+ {{#each times}}
+
+ {{#ionItem buttonRight=true avatar=true}}
+
+
+ John Smith
+
+ (555) 555-1212
+
+
+
+ {{/ionItem}}
+
+ {{/each}}
+
+ {{/ionList}}
{{/ionContent}}
diff --git a/showcase/client/templates/lists/lists.js b/showcase/client/templates/lists/lists.js
new file mode 100644
index 0000000..1ab96b3
--- /dev/null
+++ b/showcase/client/templates/lists/lists.js
@@ -0,0 +1,9 @@
+Template.lists.helpers({
+ times: function () {
+ var times = [];
+ _(20).times(function(n){
+ times.push(n);
+ });
+ return times;
+ }
+});
diff --git a/showcase/client/templates/popup/popup.html b/showcase/client/templates/popup/popup.html
index 2321324..b3fdd79 100644
--- a/showcase/client/templates/popup/popup.html
+++ b/showcase/client/templates/popup/popup.html
@@ -8,17 +8,17 @@
{{#ionContent}}
-
{{/ionContent}}
diff --git a/showcase/client/templates/slideBox/slideBox.html b/showcase/client/templates/slideBox/slideBox.html
index 9275eee..cafe6f4 100644
--- a/showcase/client/templates/slideBox/slideBox.html
+++ b/showcase/client/templates/slideBox/slideBox.html
@@ -8,7 +8,7 @@
{{#ionContent}}
- Content goes here
+ Coming Soon
{{/ionContent}}
diff --git a/showcase/client/templates/userAccounts/userAccounts.html b/showcase/client/templates/userAccounts/userAccounts.html
index 1662a27..7bc0b73 100644
--- a/showcase/client/templates/userAccounts/userAccounts.html
+++ b/showcase/client/templates/userAccounts/userAccounts.html
@@ -6,9 +6,10 @@
User Accounts
{{/ionHeaderBar}}
- {{#ionContent}}
-
- Content goes here
-
+ {{#ionContent class="padding"}}
+
+ User accounts use the useraccounts:ionic package.
+
+ {{> ionIcon icon="ios-upload-outline"}} Launch Example
{{/ionContent}}