mirror of
https://github.com/donl/meteor-ionic.git
synced 2026-05-26 22:06:41 -06:00
stub out popup component, still need to implement
This commit is contained in:
parent
b5a262ba60
commit
c9e6077ef9
4 changed files with 39 additions and 5 deletions
|
|
@ -63,7 +63,7 @@ A [Product Hunt](http://producthunt.com) clone built in Meteor Ionic.
|
|||
* [ ] nav-clear
|
||||
* [ ] Platform
|
||||
* [x] Popover
|
||||
* [x] Popup
|
||||
* [ ] Popup
|
||||
* [ ] Scroll
|
||||
* [ ] ion-scroll
|
||||
* [ ] ion-infinite-scroll
|
||||
|
|
|
|||
|
|
@ -1,3 +1,22 @@
|
|||
<template name="ionPopup">
|
||||
|
||||
<div class="popup-container">
|
||||
<div class="popup">
|
||||
<div class="popup-head">
|
||||
<h3 class="popup-title">{{title}}</h3>
|
||||
{{#if subTitle}}
|
||||
<h5 class="popup-sub-title">{{subTitle}}</h5>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="popup-body">
|
||||
{{> UI.contentBlock}}
|
||||
</div>
|
||||
{{#if buttons.count}}
|
||||
<div class="popup-buttons">
|
||||
{{#each buttons}}
|
||||
<button data-action="buttonTapped" class="button {{type}}">{{text}}</button>
|
||||
{{/each}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -5,5 +5,17 @@ IonPopup = {
|
|||
|
||||
hide: function () {
|
||||
|
||||
},
|
||||
|
||||
alert: function () {
|
||||
|
||||
},
|
||||
|
||||
confirm: function () {
|
||||
|
||||
},
|
||||
|
||||
prompt: function () {
|
||||
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -8,15 +8,18 @@
|
|||
|
||||
{{#ionContent}}
|
||||
<div class="padding">
|
||||
<button class="button button-dark" data-action="showPopup">
|
||||
<button class="button button-block button-stable" data-action="showPopup">
|
||||
Popup
|
||||
</button>
|
||||
<button class="button button-primary" data-action="showConfirm">
|
||||
<button class="button button-block button-stable" data-action="showConfirm">
|
||||
Confirm
|
||||
</button>
|
||||
<button class="button button-positive" data-action="showAlert">
|
||||
<button class="button button-block button-stable" data-action="showAlert">
|
||||
Alert
|
||||
</button>
|
||||
<button class="button button-block button-stable" data-action="showPrompt">
|
||||
Prompt
|
||||
</button>
|
||||
</div>
|
||||
{{/ionContent}}
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue