anchor_ui 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,266 @@
1
+ <aside class="aside-menu">
2
+ <ul class="nav nav-tabs" role="tablist">
3
+ <li class="nav-item">
4
+ <a class="nav-link active" data-toggle="tab" href="#timeline" role="tab"><i class="icon-list"></i></a>
5
+ </li>
6
+ <li class="nav-item">
7
+ <a class="nav-link" data-toggle="tab" href="#messages" role="tab"><i class="icon-speech"></i></a>
8
+ </li>
9
+ <li class="nav-item">
10
+ <a class="nav-link" data-toggle="tab" href="#settings" role="tab"><i class="icon-settings"></i></a>
11
+ </li>
12
+ </ul>
13
+ <!-- Tab panes -->
14
+ <div class="tab-content">
15
+ <div class="tab-pane active" id="timeline" role="tabpanel">
16
+ <div class="callout m-0 py-2 text-muted text-center bg-light text-uppercase">
17
+ <small><b>Today</b></small>
18
+ </div>
19
+ <hr class="transparent mx-3 my-0">
20
+ <div class="callout callout-warning m-0 py-3">
21
+ <div class="avatar float-right">
22
+ <img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
23
+ </div>
24
+ <div>Meeting with
25
+ <strong>Lucas</strong>
26
+ </div>
27
+ <small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 1 - 3pm</small>
28
+ <small class="text-muted"><i class="icon-location-pin"></i>&nbsp; Palo Alto, CA </small>
29
+ </div>
30
+ <hr class="mx-3 my-0">
31
+ <div class="callout callout-info m-0 py-3">
32
+ <div class="avatar float-right">
33
+ <img src="img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
34
+ </div>
35
+ <div>Skype with
36
+ <strong>Megan</strong>
37
+ </div>
38
+ <small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 4 - 5pm</small>
39
+ <small class="text-muted"><i class="icon-social-skype"></i>&nbsp; On-line </small>
40
+ </div>
41
+ <hr class="transparent mx-3 my-0">
42
+ <div class="callout m-0 py-2 text-muted text-center bg-light text-uppercase">
43
+ <small><b>Tomorrow</b></small>
44
+ </div>
45
+ <hr class="transparent mx-3 my-0">
46
+ <div class="callout callout-danger m-0 py-3">
47
+ <div>New UI Project -
48
+ <strong>deadline</strong>
49
+ </div>
50
+ <small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 10 - 11pm</small>
51
+ <small class="text-muted"><i class="icon-home"></i>&nbsp; creativeLabs HQ </small>
52
+ <div class="avatars-stack mt-2">
53
+ <div class="avatar avatar-xs">
54
+ <img src="img/avatars/2.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
55
+ </div>
56
+ <div class="avatar avatar-xs">
57
+ <img src="img/avatars/3.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
58
+ </div>
59
+ <div class="avatar avatar-xs">
60
+ <img src="img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
61
+ </div>
62
+ <div class="avatar avatar-xs">
63
+ <img src="img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
64
+ </div>
65
+ <div class="avatar avatar-xs">
66
+ <img src="img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
67
+ </div>
68
+ </div>
69
+ </div>
70
+ <hr class="mx-3 my-0">
71
+ <div class="callout callout-success m-0 py-3">
72
+ <div>
73
+ <strong>#10 Startups.Garden</strong> Meetup</div>
74
+ <small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 1 - 3pm</small>
75
+ <small class="text-muted"><i class="icon-location-pin"></i>&nbsp; Palo Alto, CA </small>
76
+ </div>
77
+ <hr class="mx-3 my-0">
78
+ <div class="callout callout-primary m-0 py-3">
79
+ <div>
80
+ <strong>Team meeting</strong>
81
+ </div>
82
+ <small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 4 - 6pm</small>
83
+ <small class="text-muted"><i class="icon-home"></i>&nbsp; creativeLabs HQ </small>
84
+ <div class="avatars-stack mt-2">
85
+ <div class="avatar avatar-xs">
86
+ <img src="img/avatars/2.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
87
+ </div>
88
+ <div class="avatar avatar-xs">
89
+ <img src="img/avatars/3.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
90
+ </div>
91
+ <div class="avatar avatar-xs">
92
+ <img src="img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
93
+ </div>
94
+ <div class="avatar avatar-xs">
95
+ <img src="img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
96
+ </div>
97
+ <div class="avatar avatar-xs">
98
+ <img src="img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
99
+ </div>
100
+ <div class="avatar avatar-xs">
101
+ <img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
102
+ </div>
103
+ <div class="avatar avatar-xs">
104
+ <img src="img/avatars/8.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
105
+ </div>
106
+ </div>
107
+ </div>
108
+ <hr class="mx-3 my-0">
109
+ </div>
110
+ <div class="tab-pane p-3" id="messages" role="tabpanel">
111
+ <div class="message">
112
+ <div class="py-3 pb-5 mr-3 float-left">
113
+ <div class="avatar">
114
+ <img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
115
+ <span class="avatar-status badge-success"></span>
116
+ </div>
117
+ </div>
118
+ <div>
119
+ <small class="text-muted">Lukasz Holeczek</small>
120
+ <small class="text-muted float-right mt-1">1:52 PM</small>
121
+ </div>
122
+ <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
123
+ <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
124
+ </div>
125
+ <hr>
126
+ <div class="message">
127
+ <div class="py-3 pb-5 mr-3 float-left">
128
+ <div class="avatar">
129
+ <img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
130
+ <span class="avatar-status badge-success"></span>
131
+ </div>
132
+ </div>
133
+ <div>
134
+ <small class="text-muted">Lukasz Holeczek</small>
135
+ <small class="text-muted float-right mt-1">1:52 PM</small>
136
+ </div>
137
+ <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
138
+ <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
139
+ </div>
140
+ <hr>
141
+ <div class="message">
142
+ <div class="py-3 pb-5 mr-3 float-left">
143
+ <div class="avatar">
144
+ <img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
145
+ <span class="avatar-status badge-success"></span>
146
+ </div>
147
+ </div>
148
+ <div>
149
+ <small class="text-muted">Lukasz Holeczek</small>
150
+ <small class="text-muted float-right mt-1">1:52 PM</small>
151
+ </div>
152
+ <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
153
+ <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
154
+ </div>
155
+ <hr>
156
+ <div class="message">
157
+ <div class="py-3 pb-5 mr-3 float-left">
158
+ <div class="avatar">
159
+ <img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
160
+ <span class="avatar-status badge-success"></span>
161
+ </div>
162
+ </div>
163
+ <div>
164
+ <small class="text-muted">Lukasz Holeczek</small>
165
+ <small class="text-muted float-right mt-1">1:52 PM</small>
166
+ </div>
167
+ <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
168
+ <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
169
+ </div>
170
+ <hr>
171
+ <div class="message">
172
+ <div class="py-3 pb-5 mr-3 float-left">
173
+ <div class="avatar">
174
+ <img src="img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
175
+ <span class="avatar-status badge-success"></span>
176
+ </div>
177
+ </div>
178
+ <div>
179
+ <small class="text-muted">Lukasz Holeczek</small>
180
+ <small class="text-muted float-right mt-1">1:52 PM</small>
181
+ </div>
182
+ <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
183
+ <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
184
+ </div>
185
+ </div>
186
+ <div class="tab-pane p-3" id="settings" role="tabpanel">
187
+ <h6>Settings</h6>
188
+ <div class="aside-options">
189
+ <div class="clearfix mt-4">
190
+ <small><b>Option 1</b></small>
191
+ <label class="switch switch-text switch-pill switch-success switch-sm float-right">
192
+ <input type="checkbox" class="switch-input" checked="">
193
+ <span class="switch-label" data-on="On" data-off="Off"></span>
194
+ <span class="switch-handle"></span>
195
+ </label>
196
+ </div>
197
+ <div>
198
+ <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
199
+ </div>
200
+ </div>
201
+ <div class="aside-options">
202
+ <div class="clearfix mt-3">
203
+ <small><b>Option 2</b></small>
204
+ <label class="switch switch-text switch-pill switch-success switch-sm float-right">
205
+ <input type="checkbox" class="switch-input">
206
+ <span class="switch-label" data-on="On" data-off="Off"></span>
207
+ <span class="switch-handle"></span>
208
+ </label>
209
+ </div>
210
+ <div>
211
+ <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
212
+ </div>
213
+ </div>
214
+ <div class="aside-options">
215
+ <div class="clearfix mt-3">
216
+ <small><b>Option 3</b></small>
217
+ <label class="switch switch-text switch-pill switch-success switch-sm float-right">
218
+ <input type="checkbox" class="switch-input">
219
+ <span class="switch-label" data-on="On" data-off="Off"></span>
220
+ <span class="switch-handle"></span>
221
+ </label>
222
+ </div>
223
+ </div>
224
+ <div class="aside-options">
225
+ <div class="clearfix mt-3">
226
+ <small><b>Option 4</b></small>
227
+ <label class="switch switch-text switch-pill switch-success switch-sm float-right">
228
+ <input type="checkbox" class="switch-input" checked="">
229
+ <span class="switch-label" data-on="On" data-off="Off"></span>
230
+ <span class="switch-handle"></span>
231
+ </label>
232
+ </div>
233
+ </div>
234
+ <hr>
235
+ <h6>System Utilization</h6>
236
+ <div class="text-uppercase mb-1 mt-4">
237
+ <small><b>CPU Usage</b></small>
238
+ </div>
239
+ <div class="progress progress-xs">
240
+ <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
241
+ </div>
242
+ <small class="text-muted">348 Processes. 1/4 Cores.</small>
243
+ <div class="text-uppercase mb-1 mt-2">
244
+ <small><b>Memory Usage</b></small>
245
+ </div>
246
+ <div class="progress progress-xs">
247
+ <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
248
+ </div>
249
+ <small class="text-muted">11444GB/16384MB</small>
250
+ <div class="text-uppercase mb-1 mt-2">
251
+ <small><b>SSD 1 Usage</b></small>
252
+ </div>
253
+ <div class="progress progress-xs">
254
+ <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
255
+ </div>
256
+ <small class="text-muted">243GB/256GB</small>
257
+ <div class="text-uppercase mb-1 mt-2">
258
+ <small><b>SSD 2 Usage</b></small>
259
+ </div>
260
+ <div class="progress progress-xs">
261
+ <div class="progress-bar bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
262
+ </div>
263
+ <small class="text-muted">25GB/256GB</small>
264
+ </div>
265
+ </div>
266
+ </aside>
@@ -0,0 +1,31 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Adminlte Theme</title>
5
+ <%%= csrf_meta_tags %>
6
+
7
+ <%%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
8
+ <%%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
9
+ </head>
10
+
11
+ <body class="app header-fixed sidebar-fixed aside-menu-fixed aside-menu-hidden">
12
+ <%%= render 'layouts/header' %>
13
+ <div class="app-body">
14
+ <!-- Left side column. contains the logo and sidebar -->
15
+ <%%= render 'layouts/left_sidebar' %>
16
+ <!-- Content Wrapper. Contains page content -->
17
+ <main class="main">
18
+ <%%= render 'layouts/breadcrumbs' %>
19
+ <div class="container-fluid">
20
+ <div class="animated fadeIn">
21
+ <%%= yield %>
22
+ </div>
23
+ </div>
24
+ </main>
25
+ <!-- /.content-wrapper -->
26
+
27
+ <%%= render 'layouts/right_sidebar' %>
28
+ </div>
29
+ <%%= render 'layouts/footer' %>
30
+ </body>
31
+ </html>
metadata ADDED
@@ -0,0 +1,241 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: anchor_ui
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - Anchor Admin
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2018-11-13 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '1.17'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.17'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ - !ruby/object:Gem::Dependency
42
+ name: minitest
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '5.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '5.0'
55
+ - !ruby/object:Gem::Dependency
56
+ name: railties
57
+ requirement: !ruby/object:Gem::Requirement
58
+ requirements:
59
+ - - ">="
60
+ - !ruby/object:Gem::Version
61
+ version: '0'
62
+ type: :runtime
63
+ prerelease: false
64
+ version_requirements: !ruby/object:Gem::Requirement
65
+ requirements:
66
+ - - ">="
67
+ - !ruby/object:Gem::Version
68
+ version: '0'
69
+ - !ruby/object:Gem::Dependency
70
+ name: autoprefixer-rails
71
+ requirement: !ruby/object:Gem::Requirement
72
+ requirements:
73
+ - - "~>"
74
+ - !ruby/object:Gem::Version
75
+ version: '6.0'
76
+ - - ">="
77
+ - !ruby/object:Gem::Version
78
+ version: 6.0.3
79
+ type: :runtime
80
+ prerelease: false
81
+ version_requirements: !ruby/object:Gem::Requirement
82
+ requirements:
83
+ - - "~>"
84
+ - !ruby/object:Gem::Version
85
+ version: '6.0'
86
+ - - ">="
87
+ - !ruby/object:Gem::Version
88
+ version: 6.0.3
89
+ - !ruby/object:Gem::Dependency
90
+ name: bootstrap
91
+ requirement: !ruby/object:Gem::Requirement
92
+ requirements:
93
+ - - ">="
94
+ - !ruby/object:Gem::Version
95
+ version: 4.0.0
96
+ - - "~>"
97
+ - !ruby/object:Gem::Version
98
+ version: '4.0'
99
+ type: :runtime
100
+ prerelease: false
101
+ version_requirements: !ruby/object:Gem::Requirement
102
+ requirements:
103
+ - - ">="
104
+ - !ruby/object:Gem::Version
105
+ version: 4.0.0
106
+ - - "~>"
107
+ - !ruby/object:Gem::Version
108
+ version: '4.0'
109
+ - !ruby/object:Gem::Dependency
110
+ name: font-awesome-sass
111
+ requirement: !ruby/object:Gem::Requirement
112
+ requirements:
113
+ - - ">="
114
+ - !ruby/object:Gem::Version
115
+ version: 4.7.0
116
+ - - "~>"
117
+ - !ruby/object:Gem::Version
118
+ version: '4.7'
119
+ type: :runtime
120
+ prerelease: false
121
+ version_requirements: !ruby/object:Gem::Requirement
122
+ requirements:
123
+ - - ">="
124
+ - !ruby/object:Gem::Version
125
+ version: 4.7.0
126
+ - - "~>"
127
+ - !ruby/object:Gem::Version
128
+ version: '4.7'
129
+ - !ruby/object:Gem::Dependency
130
+ name: jquery-rails
131
+ requirement: !ruby/object:Gem::Requirement
132
+ requirements:
133
+ - - "~>"
134
+ - !ruby/object:Gem::Version
135
+ version: '4.3'
136
+ - - ">="
137
+ - !ruby/object:Gem::Version
138
+ version: 4.3.1
139
+ type: :runtime
140
+ prerelease: false
141
+ version_requirements: !ruby/object:Gem::Requirement
142
+ requirements:
143
+ - - "~>"
144
+ - !ruby/object:Gem::Version
145
+ version: '4.3'
146
+ - - ">="
147
+ - !ruby/object:Gem::Version
148
+ version: 4.3.1
149
+ - !ruby/object:Gem::Dependency
150
+ name: sass
151
+ requirement: !ruby/object:Gem::Requirement
152
+ requirements:
153
+ - - "~>"
154
+ - !ruby/object:Gem::Version
155
+ version: '3.5'
156
+ - - ">="
157
+ - !ruby/object:Gem::Version
158
+ version: 3.5.2
159
+ type: :runtime
160
+ prerelease: false
161
+ version_requirements: !ruby/object:Gem::Requirement
162
+ requirements:
163
+ - - "~>"
164
+ - !ruby/object:Gem::Version
165
+ version: '3.5'
166
+ - - ">="
167
+ - !ruby/object:Gem::Version
168
+ version: 3.5.2
169
+ - !ruby/object:Gem::Dependency
170
+ name: coreui-rails
171
+ requirement: !ruby/object:Gem::Requirement
172
+ requirements:
173
+ - - "~>"
174
+ - !ruby/object:Gem::Version
175
+ version: '1.1'
176
+ type: :runtime
177
+ prerelease: false
178
+ version_requirements: !ruby/object:Gem::Requirement
179
+ requirements:
180
+ - - "~>"
181
+ - !ruby/object:Gem::Version
182
+ version: '1.1'
183
+ description: UI Kit based on open source projects to allow rapid prototypes of internal
184
+ apps.
185
+ email:
186
+ - admin@anchorhealth.com
187
+ executables: []
188
+ extensions: []
189
+ extra_rdoc_files: []
190
+ files:
191
+ - ".DS_Store"
192
+ - ".gitignore"
193
+ - ".travis.yml"
194
+ - CODE_OF_CONDUCT.md
195
+ - Gemfile
196
+ - Gemfile.lock
197
+ - LICENSE.txt
198
+ - README.md
199
+ - Rakefile
200
+ - anchor_ui.gemspec
201
+ - bin/console
202
+ - bin/setup
203
+ - lib/anchor_ui.rb
204
+ - lib/anchor_ui/engine.rb
205
+ - lib/anchor_ui/version.rb
206
+ - lib/generators/anchor_ui/install_generator.rb
207
+ - lib/generators/anchor_ui/layout_generator.rb
208
+ - lib/generators/anchor_ui/templates/install/_custom-variables.scss
209
+ - lib/generators/anchor_ui/templates/install/core-ui.coffee
210
+ - lib/generators/anchor_ui/templates/install/core-ui.js
211
+ - lib/generators/anchor_ui/templates/layouts/_breadcrumbs.html.erb
212
+ - lib/generators/anchor_ui/templates/layouts/_footer.html.erb
213
+ - lib/generators/anchor_ui/templates/layouts/_header.html.erb
214
+ - lib/generators/anchor_ui/templates/layouts/_left_sidebar.html.erb
215
+ - lib/generators/anchor_ui/templates/layouts/_right_sidebar.html.erb
216
+ - lib/generators/anchor_ui/templates/layouts/anchor_ui.html.erb
217
+ homepage: https://github.com/anchoradmin/anchor_ui.git
218
+ licenses:
219
+ - MIT
220
+ metadata: {}
221
+ post_install_message:
222
+ rdoc_options: []
223
+ require_paths:
224
+ - lib
225
+ required_ruby_version: !ruby/object:Gem::Requirement
226
+ requirements:
227
+ - - ">="
228
+ - !ruby/object:Gem::Version
229
+ version: '0'
230
+ required_rubygems_version: !ruby/object:Gem::Requirement
231
+ requirements:
232
+ - - ">="
233
+ - !ruby/object:Gem::Version
234
+ version: '0'
235
+ requirements: []
236
+ rubyforge_project:
237
+ rubygems_version: 2.7.8
238
+ signing_key:
239
+ specification_version: 4
240
+ summary: UI Kit for internal apps.
241
+ test_files: []