-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (134 loc) · 6.43 KB
/
index.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<html lang="en" ng-app="ui.bootstrap.demo">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<title>Rakam UI</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-animate.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-sanitize.js"></script>
</head>
<body>
<div class="container-fluid">
<h4>Funnel Steps</h4>
<!-- first did -->
<div class="margin-vertical">
<span>
<a class="fa fa-remove" href="#"></a> first did</span>
<div class="btn-group" uib-dropdown is-open="status.isopen">
<button id="single-button" type="button" class="btn btn-default" uib-dropdown-toggle ng-disabled="disabled">
transaction
<span class="caret"></span>
</button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
<li role="menuitem">
<div class="left-inner-addon dropdown-search form-group" ng-click="$event.preventDefault();$event.stopPropogation();">
<i class="fa fa-search"></i>
<input type="text" class="form-control" ng-model="searchTerm" placeholder="search attributes">
</div>
</li>
<li class="first-did">
<a href="#">transaction</a>
</li>
</ul>
</div>
<div class="relative inline" uib-dropdown>
<button class="btn btn-sm btn-default filter-button" type="button" uib-dropdown-toggle id="filterButton">
add filter
<span class="fa fa-plus-circle button-fa pointer"></span>
</button>
<ul class="dropdown-menu scrollable-menu" uib-dropdown-menu role="menu" aria-labelledby="filterButton">
<li role="menuitem">
<div class="left-inner-addon dropdown-search form-group" ng-click="$event.preventDefault();$event.stopPropogation();">
<i class="fa fa-search"></i>
<input type="text" class="form-control" ng-model="searchTerm" placeholder="search attributes">
</div>
</li>
<li class="divider"></li>
<li role="menuitem" class="scrollbox searchable">
<a href="#">__ip</a>
<a href="#">_city</a>
<a href="#">_connection_type</a>
<a href="#">_country_code</a>
<a href="#">_device_family</a>
<a href="#">_device_id</a>
<a href="#">_isp</a>
<a href="#">_latitude</a>
<a href="#">_longitude</a>
<a href="#">_os</a>
<a href="#">_os_version</a>
<a href="#">_referrer_domain</a>
<a href="#">_referrer_medium</a>
<a href="#">_referrer_path</a>
<a href="#">_referrer_source</a>
<a href="#">_referrer_term</a>
<a href="#">_region</a>
<a href="#">_session_id</a>
<a href="#">_time</a>
<a href="#">_timezone</a>
<a href="#">_url</a>
<a href="#">_user</a>
<a href="#">_user_agent_family</a>
</li>
</ul>
</div>
</div>
<!-- and did -->
<!-- Single button using append-to-body -->
<div class="btn-group" uib-dropdown dropdown-append-to-body id="select-collection">
<button id="btn-append-to-body" type="button" class="btn btn-default" uib-dropdown-toggle>
select collection
<span class="caret"></span>
</button>
<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
<li role="menuitem">
<div class="left-inner-addon dropdown-search form-group" ng-click="$event.preventDefault();$event.stopPropogation();">
<i class="fa fa-search"></i>
<input type="text" class="form-control" ng-model="searchTerm" placeholder="search attributes">
</div>
</li>
<li class="first-did">
<a href="#">transaction</a>
</li>
</ul>
</div>
<!-- advanced -->
<div id="advanced">
<a class="advanced-button" ng-click="showme=true" ng-hide="showme">advanced</a>
</div>
<div id="advanced-options">
<div ng-show="showme">
<a class="fa fa-remove" id="advanced-close-button" ng-click="showme=false"></a>
</div>
<div ng-show="showme">
<input type="checkbox">custom actor fields
<br>
</div>
<div ng-show="showme">
<input type="checkbox">force strict ordering
<br>
</div>
<div ng-show="showme">
<input type="checkbox">approximate result
<br>
</div>
</div>
</div>
<div id="submit-section">
<button type="button" class="btn btn-success" id="query-button">
<i class="fa fa-question"></i>
Query
</button>
<button type="button" class="btn btn-primary">
<i class="fa fa-save"></i>
Save as new
</button>
</div>
<script src="ui-bootstrap-tpls-2.5.0.min.js"></script>
<script src="index.js"></script>
</body>
</html>