docs(popover): add some autoclosing form example

mgcrea · Oct 22, 2014 · b5ad657 · b5ad657
1 parent ec2d6bc
commit b5ad657
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/src/popover/docs/popover.demo.html b/src/popover/docs/popover.demo.html
@@ -37,7 +37,7 @@ <h3>Live demo <a class="small edit-plunkr" data-module-name="mgcrea.ngStrapDocs"
     </button>
 
     <!-- You can use a custom html template with the `data-template` attr -->
-    <button type="button" class="btn btn-lg btn-danger" title="{{popover.title}}" data-content="{{popover.content}}" data-template="popover/docs/popover.tpl.demo.html" data-animation="am-flip-x" bs-popover>Custom Popover
+    <button type="button" class="btn btn-lg btn-danger" title="{{popover.title}}" data-content="{{popover.content}}" data-template="popover/docs/popover.tpl.demo.html" data-animation="am-flip-x" data-auto-close="1" bs-popover>Custom Popover
       <br />
       <small>(using data-template)</small>
     </button>

diff --git a/src/popover/docs/popover.tpl.content.demo.html b/src/popover/docs/popover.tpl.content.demo.html
@@ -1,6 +1,12 @@
 <form name="popoverForm">
   <p ng-bind-html="content" style="min-width:300px;"></p>
   <pre>2 + 3 = <span ng-cloak>{{ 2 + 3 }}</span></pre>
+  <div class="form-group">
+    <div class="input-group">
+      <div class="input-group-addon">@</div>
+      <input class="form-control" type="email" placeholder="Enter email">
+    </div>
+  </div>
   <div class="form-actions">
     <button type="button" class="btn btn-danger" ng-click="$hide()">Close</button>
     <button type="button" class="btn btn-primary" ng-click="popover.saved=true;$hide()">Save changes</button>

diff --git a/src/popover/docs/popover.tpl.demo.html b/src/popover/docs/popover.tpl.demo.html
@@ -5,6 +5,12 @@ <h3 class="popover-title" ng-bind-html="title" ng-show="title"></h3>
     <form name="popoverForm">
       <p ng-bind-html="content" style="min-width:300px;"></p>
       <pre>2 + 3 = <span ng-cloak>{{ 2 + 3 }}</span></pre>
+      <div class="form-group">
+        <div class="input-group">
+          <div class="input-group-addon">@</div>
+          <input class="form-control" type="email" placeholder="Enter email">
+        </div>
+      </div>
       <div class="form-actions">
         <button type="button" class="btn btn-danger" ng-click="$hide()">Close</button>
         <button type="button" class="btn btn-primary" ng-click="popover.saved=true;$hide()">Save changes</button>