aboutsummaryrefslogtreecommitdiffstats
path: root/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/button.html
diff options
context:
space:
mode:
authorITSERVICES\rb7147 <rb7147@att.com>2017-04-25 11:46:00 -0400
committerITSERVICES\rb7147 <rb7147@att.com>2017-05-03 09:58:17 -0400
commite0addf5b588a1244f9679becd90999dfcb4c3a94 (patch)
tree1212772d6366730266ff0e093c874b07aa716c29 /POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/button.html
parent39fb0f30472777e4b60d6a7ac8aa4eb9773961ff (diff)
Policy 1707 commit to LF
Change-Id: Ibe6f01d92f9a434c040abb05d5386e89d675ae65 Signed-off-by: ITSERVICES\rb7147 <rb7147@att.com>
Diffstat (limited to 'POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/button.html')
-rw-r--r--POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/button.html74
1 files changed, 74 insertions, 0 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/button.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/button.html
new file mode 100644
index 000000000..d92a08329
--- /dev/null
+++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/js/tests/visual/button.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Button</title>
+ <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+
+ <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+ <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+ <![endif]-->
+</head>
+<body>
+
+<div class="container">
+
+ <div class="page-header">
+ <h1>Button <small>Bootstrap Visual Test</small></h1>
+ </div>
+
+ <button type="button" data-loading-text="Loading for 3 seconds..." class="btn btn-primary js-loading-button">
+ Loading state
+ </button>
+
+ <button type="button" class="btn btn-primary" data-toggle="button">Single toggle</button>
+
+ <div class="btn-group" data-toggle="buttons">
+ <label class="btn btn-primary">
+ <input type="checkbox"> checkbox 1
+ </label>
+ <label class="btn btn-primary">
+ <input type="checkbox"> checkbox 2
+ </label>
+ <label class="btn btn-primary">
+ <input type="checkbox"> checkbox 3
+ </label>
+ </div>
+
+ <div class="btn-group" data-toggle="buttons">
+ <label class="btn btn-primary">
+ <input type="radio" name="options" id="option1"> Radio 1
+ </label>
+ <label class="btn btn-primary">
+ <input type="radio" name="options" id="option2"> Radio 2
+ </label>
+ <label class="btn btn-primary">
+ <input type="radio" name="options" id="option3"> Radio 3
+ </label>
+ </div>
+
+</div>
+
+<!-- JavaScript Includes -->
+<script src="../vendor/jquery.min.js"></script>
+<script src="../../transition.js"></script>
+<script src="../../button.js"></script>
+
+<!-- JavaScript Test -->
+<script>
+$(function () {
+ $('.js-loading-button').on('click', function () {
+ var btn = $(this).button('loading')
+ setTimeout(function (){
+ btn.button('reset')
+ }, 3000)
+ })
+})
+</script>
+</body>
+</html>