This repository has been archived by the owner on May 4, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 31
/
demo.html
74 lines (73 loc) · 2.85 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<frame-page app-title='Demo Page'>
<div style='padding : 0 10px 0'>
<a href='#/home' class='btn btn-flat btn-sm'>< Back to Home</a>
<ul class="row" style='margin : 10px; padding : 0;'>
<li class="col-sm-6 portlet-container-home beta-card-style center" ng-init="isDisabled=false">
<h4>Circle Button Examples</h4>
<div class='fluid-container row'>
<div class='col-sm-4'>
<h3>
Disabled
</h3>
<circle-button data-href='https://www.google.com'
data-target='_blank'
data-fa-icon='fa-google'
data-disabled='true'
data-title='Google'>
</circle-button>
</div>
<div class='col-sm-4'>
<h3>
Active
</h3>
<circle-button data-href='https://www.google.com'
data-target='_blank'
data-fa-icon='fa-google'
data-disabled='false'
data-title='Google'>
</circle-button>
</div>
<div class='col-sm-4'>
<h3>
Toggle
<button class='btn btn-flat' ng-click='isDisabled=!isDisabled'>
Switch
</button>
</h3>
<circle-button data-href='https://www.google.com'
data-target='_blank'
data-fa-icon='fa-google'
data-disabled='isDisabled'
data-title='Google'>
</circle-button>
</div>
<div class='col-sm-4'>
<h3>
No Title
</h3>
<circle-button data-href='https://www.google.com'
data-target='_blank'
data-fa-icon='fa-google' >
</circle-button>
</div>
</div>
</li>
<li class="col-sm-6 portlet-container-home beta-card-style center" ng-init="dataempty=false;dataempty2=false;obj=[]">
<h4>Loading Icon Examples</h4>
<small>Loading Icon Usage Examples</small>
<div class='fluid-container row'>
<div class='col-xs-6'>
<h5>One Time Use</h5>
<button class='btn btn-flat' ng-click="dataempty2=!dataempty2">Toggle</button>
<loading-gif data-object='obj' data-empty='dataempty2'></loading-gif>
</div>
<div class='col-xs-6'>
<h5>Reusable</h5>
<button class='btn btn-flat' ng-click="dataempty=!dataempty">Toggle</button>
<loading-gif data-object='obj' data-empty='dataempty' data-reuse='true'></loading-gif>
</div>
</div>
</li>
</ul>
</div>
</frame-page>