station 0.0.105 → 0.0.110
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/bin/nexmo-developer +7 -0
- data/lib/nexmo_developer/Gemfile +10 -25
- data/lib/nexmo_developer/Gemfile.lock +131 -147
- data/lib/nexmo_developer/app/assets/config/manifest.js +1 -4
- data/lib/nexmo_developer/app/assets/javascripts/application.js +2 -7
- data/lib/nexmo_developer/app/assets/stylesheets/application.css +1 -1
- data/lib/nexmo_developer/app/controllers/static_controller.rb +3 -11
- data/lib/nexmo_developer/app/helpers/application_helper.rb +2 -0
- data/lib/nexmo_developer/app/models/tutorial.rb +10 -12
- data/lib/nexmo_developer/app/models/tutorial/prerequisite.rb +3 -1
- data/lib/nexmo_developer/app/models/tutorial/task.rb +24 -11
- data/lib/nexmo_developer/app/services/translator/files_list_coordinator.rb +90 -0
- data/lib/nexmo_developer/app/services/translator/smartling/api/download_file.rb +6 -1
- data/lib/nexmo_developer/app/services/translator/smartling/api/file_status.rb +7 -1
- data/lib/nexmo_developer/app/services/translator/utils.rb +1 -1
- data/lib/nexmo_developer/app/views/admin/feedbacks/_steps.html.erb +1 -1
- data/lib/nexmo_developer/app/views/layouts/partials/_footer.html.erb +4 -4
- data/lib/nexmo_developer/app/views/layouts/partials/_head.html.erb +4 -5
- data/lib/nexmo_developer/app/views/layouts/partials/_header.html.erb +3 -3
- data/lib/nexmo_developer/app/views/layouts/partials/_improve_this_page.html.erb +1 -1
- data/lib/nexmo_developer/app/views/static/_products.html.erb +20 -17
- data/lib/nexmo_developer/app/views/static/default_landing/partials/_join_slack.html.erb +1 -1
- data/lib/nexmo_developer/app/views/static/landing.html.erb +8 -8
- data/lib/nexmo_developer/app/views/static/{robots.txt.erb → robots.text.erb} +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/Lato-Black.woff +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/Lato-Black.woff2 +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/Lato-Regular.woff +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/Lato-Regular.woff2 +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/Lato-Semibold.woff +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/Lato-Semibold.woff2 +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/icomoon.eot +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/icomoon.json +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/icomoon.svg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/icomoon.ttf +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/fonts/icomoon.woff +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/.keep +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/logo@3x.png +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/logo_vonage.png +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/nexmo-developer-logo.svg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/nexmo-logo-collapsed.svg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/nexmo-vonage-white.svg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/chatapp.jpg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/chatapp_small.png +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/nexmo.jpg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/numberinsight.jpg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/numberinsight_small.png +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/sms.jpg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/sms_small.png +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/verify.jpg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/verify_small.png +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/voice.jpg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/posters/voice_small.png +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/select-dropdown.png +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/slack.svg +0 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/images/themes/ea/topography.png +0 -0
- data/lib/nexmo_developer/app/webpacker/javascript/code_snippet_events/index.js +23 -85
- data/lib/nexmo_developer/app/webpacker/javascript/volta/volta.js +1 -1
- data/lib/nexmo_developer/app/webpacker/javascript/volta_tabbed_examples/index.js +23 -3
- data/lib/nexmo_developer/app/webpacker/packs/active_admin.js +5 -0
- data/lib/nexmo_developer/app/webpacker/packs/active_admin/print.scss +2 -0
- data/lib/nexmo_developer/app/webpacker/packs/application.js +12 -0
- data/lib/nexmo_developer/app/{assets → webpacker}/stylesheets/active_admin.scss +4 -4
- data/lib/nexmo_developer/app/webpacker/stylesheets/application.scss +0 -1
- data/lib/nexmo_developer/app/webpacker/stylesheets/custom/_core.scss +1 -1
- data/lib/nexmo_developer/app/webpacker/stylesheets/objects/_icons.scss +1 -0
- data/lib/nexmo_developer/app/webpacker/stylesheets/objects/_navigation.scss +1 -2
- data/lib/nexmo_developer/config/environments/development.rb +1 -1
- data/lib/nexmo_developer/config/environments/production.rb +8 -1
- data/lib/nexmo_developer/config/initializers/active_admin.rb +3 -0
- data/lib/nexmo_developer/config/initializers/assets.rb +0 -2
- data/lib/nexmo_developer/config/webpack/environment.js +10 -0
- data/lib/nexmo_developer/config/webpack/plugins/jquery.js +7 -0
- data/lib/nexmo_developer/lib/tasks/smartling.rake +7 -0
- data/lib/nexmo_developer/nexmo_developer.rb +1 -4
- data/lib/nexmo_developer/version.rb +1 -1
- data/package.json +25 -17
- data/station.gemspec +5 -12
- data/yarn.lock +1510 -1021
- metadata +159 -239
- data/lib/nexmo_developer/app/assets/fonts/nexmo-developer.json +0 -36483
- data/lib/nexmo_developer/app/assets/javascripts/active_admin.js.coffee +0 -1
- data/lib/nexmo_developer/app/assets/javascripts/stats.js +0 -14
- data/lib/nexmo_developer/app/assets/regex/matching_chars.rb +0 -1
- data/lib/nexmo_developer/app/assets/regex/sequence_diagram_regex.rb +0 -1
- data/lib/nexmo_developer/app/assets/regex/stats_regex.rb +0 -1
- data/lib/nexmo_developer/app/assets/regex/webfont_regex.rb +0 -1
- data/lib/nexmo_developer/app/views/slack/join.html.erb +0 -25
- data/lib/nexmo_developer/app/views/static/_community.html.erb +0 -24
- data/lib/nexmo_developer/app/views/static/_dotnet.html.erb +0 -26
- data/lib/nexmo_developer/app/views/static/_slack.html.erb +0 -2
- data/lib/nexmo_developer/app/views/static/_xwithy.html.erb +0 -33
- data/lib/nexmo_developer/app/views/static/podcast.html.erb +0 -40
- data/lib/nexmo_developer/app/webpacker/stylesheets/objects/_building-block.scss +0 -32
- data/lib/nexmo_developer/vendor/assets/javascripts/jquery-scrolltofixed.js +0 -567
- data/lib/nexmo_developer/vendor/assets/javascripts/mermaid.js +0 -49
- data/lib/nexmo_developer/vendor/assets/javascripts/underscore.js +0 -5
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/addons/jquery.tablesorter.js +0 -1031
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/addons/prism.js +0 -22
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/components/side-navigation/volta.menu.js +0 -377
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/components/volta.accordion.js +0 -249
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/components/volta.dropdown.js +0 -145
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/components/volta.flash.js +0 -175
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/components/volta.modal.js +0 -312
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/components/volta.tab.js +0 -203
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/components/volta.tooltip.js +0 -71
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/popper.min.js +0 -5
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/svgxuse.min.js +0 -12
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/tooltip.min.js +0 -5
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/volta.core.js +0 -238
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/volta.js +0 -2141
- data/lib/nexmo_developer/vendor/assets/javascripts/volta/volta.min.js +0 -1
@@ -1 +0,0 @@
|
|
1
|
-
#= require active_admin/base
|
@@ -1,14 +0,0 @@
|
|
1
|
-
// This is a manifest file that'll be compiled into application.js, which will include all the files
|
2
|
-
// listed below.
|
3
|
-
//
|
4
|
-
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
|
5
|
-
// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
|
6
|
-
//
|
7
|
-
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
|
8
|
-
// compiled file. JavaScript code in this file should be added after the last require_* statement.
|
9
|
-
//
|
10
|
-
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
|
11
|
-
// about supported directives.
|
12
|
-
//
|
13
|
-
//= require Chart.bundle
|
14
|
-
//= require chartkick
|
@@ -1 +0,0 @@
|
|
1
|
-
/\.(?:svg|eot|woff|ttf)$/
|
@@ -1 +0,0 @@
|
|
1
|
-
%w[sequence-diagram-min.js]
|
@@ -1 +0,0 @@
|
|
1
|
-
%w[stats.js]
|
@@ -1 +0,0 @@
|
|
1
|
-
%w[webfont.js]
|
@@ -1,25 +0,0 @@
|
|
1
|
-
<center>
|
2
|
-
<%= image_tag 'slack.svg', id: 'join-slack-logo' %>
|
3
|
-
<h1>Join the Vonage Developer Community Slack</h1>
|
4
|
-
|
5
|
-
<% unless @success %>
|
6
|
-
<%= form_tag community_slack_path do %>
|
7
|
-
<div class="Vlt-form__element Vlt-form__element--elastic">
|
8
|
-
<div class="Vlt-input">
|
9
|
-
<%= email_field_tag :email, (@email || ''), placeholder: 'Enter your email address', size: '40' %>
|
10
|
-
</div>
|
11
|
-
</div>
|
12
|
-
<%= recaptcha_tags if ENV['RECAPTCHA_ENABLED'] %>
|
13
|
-
<%= submit_tag 'Join', class: 'Vlt-btn Vlt-btn--primary Vlt-btn--large' %>
|
14
|
-
<% end %>
|
15
|
-
<% end %>
|
16
|
-
|
17
|
-
<% if @notice %>
|
18
|
-
<%= @notice %>
|
19
|
-
<% end %>
|
20
|
-
|
21
|
-
<hr class="hr--tall">
|
22
|
-
|
23
|
-
<h2>Already a member?</h2>
|
24
|
-
<%= link_to "Go to Vonage Developer Community on Slack", "https://#{ENV['SLACK_SUBDOMAIN']}.slack.com", class: "Vlt-btn Vlt-btn--secondary" %>
|
25
|
-
</center>
|
@@ -1,24 +0,0 @@
|
|
1
|
-
<div class="Vlt-grid">
|
2
|
-
<div class="Vlt-col Vlt-col--M-1of2">
|
3
|
-
<div class="center">
|
4
|
-
<h2>
|
5
|
-
<a href="/tools">
|
6
|
-
<div><svg class="Vlt-icon Vlt-icon--large Vlt-blue-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-design-tools"/></svg></div>
|
7
|
-
SDKs & Tools
|
8
|
-
</a>
|
9
|
-
</h2>
|
10
|
-
<p>The Nexmo libraries allow you to get up and running with<br>Nexmo APIs quickly in your language of choice.</p>
|
11
|
-
</div>
|
12
|
-
</div>
|
13
|
-
<div class="Vlt-col Vlt-col--M-1of2">
|
14
|
-
<div class="center">
|
15
|
-
<h2>
|
16
|
-
<a href="/community">
|
17
|
-
<div><svg class="Vlt-icon Vlt-icon--large Vlt-blue-dark"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-group"/></svg></div>
|
18
|
-
Community
|
19
|
-
</a>
|
20
|
-
</h2>
|
21
|
-
<p>Find out about our talks, community hacks,<br>and what events we'll be at.</p>
|
22
|
-
</div>
|
23
|
-
</div>
|
24
|
-
</div>
|
@@ -1,26 +0,0 @@
|
|
1
|
-
<div class="Vlt-grid Vlt-grid--center">
|
2
|
-
<div class="Vlt-col Vlt-col--M-1of3 Vlt-col--1of3">
|
3
|
-
<a class="Vlt-card Nxd-github-card Vlt-left" href="https://github.com/Nexmo/nexmo-dotnet" data-github="Nexmo/nexmo-dotnet">
|
4
|
-
<h3 class="Vlt-blue-dark">nexmo-dotnet</h3>
|
5
|
-
<p>Nexmo REST API client for .NET</p>
|
6
|
-
<img src="//badge.fury.io/nu/nexmo.svg" class="Nxd-github-card__badge" height="18">
|
7
|
-
<p><small class="Nxd-github-card__meta">
|
8
|
-
<span>
|
9
|
-
<span class="Vlt-blue-dark">●</span> C#
|
10
|
-
</span>
|
11
|
-
<span>
|
12
|
-
<svg class="Vlt-icon Vlt-icon--smaller Vlt-icon--text-bottom Vlt-grey-darker" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-star-full"></use></svg>
|
13
|
-
<span data-stars>
|
14
|
-
<svg class="Vlt-icon Vlt-icon--smaller Vlt-icon--text-bottom Vlt-grey-darker" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-more"></use></svg>
|
15
|
-
</span>
|
16
|
-
</span>
|
17
|
-
<span>
|
18
|
-
<svg class="Vlt-icon Vlt-icon--smaller Vlt-icon--text-bottom Vlt-grey-darker" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-fork"/></svg>
|
19
|
-
<span data-forks>
|
20
|
-
<svg class="Vlt-icon Vlt-icon--smaller Vlt-icon--text-bottom Vlt-grey-darker" aria-hidden="true"><use xlink:href="/symbol/volta-icons.svg#Vlt-icon-more"/></svg>
|
21
|
-
</span>
|
22
|
-
</span>
|
23
|
-
</small></p>
|
24
|
-
</a>
|
25
|
-
</div>
|
26
|
-
</div>
|
@@ -1,33 +0,0 @@
|
|
1
|
-
<div class="Vlt-grid Vlt-grid--center">
|
2
|
-
<div class="Vlt-col Vlt-col--M-1of2">
|
3
|
-
<div class="center">
|
4
|
-
<h2>
|
5
|
-
<a href="https://www.nexmo.com/blog/category/developer?ref=<%= @content['url']['reference'] %>">
|
6
|
-
<div><svg class="Vlt-icon Vlt-icon--large Vlt-blue-dark"><use xlink:href="/symbol/volta-brand-icons.svg#Brand-icon-dotnet"/></svg></div>
|
7
|
-
Nexmo & .NET in action
|
8
|
-
</a>
|
9
|
-
</h2>
|
10
|
-
<p>The Nexmo libraries allow you to get up and running with<br>Nexmo APIs quickly in your language of choice.</p>
|
11
|
-
</div>
|
12
|
-
</div>
|
13
|
-
</div>
|
14
|
-
|
15
|
-
<p class="p-large Vlt-margin--top2 Vlt-center">Examples and inspiration in .NET form</p>
|
16
|
-
|
17
|
-
<div class="Vlt-grid">
|
18
|
-
<div class="Vlt-col Vlt-col--M-1of2 Vlt-col--1of2">
|
19
|
-
<a class="Vlt-card" href="https://www.nexmo.com/blog/2018/07/11/add-two-factor-authentication-to-a-microsoft-bot-with-nexmos-verify-api-dr/">
|
20
|
-
<img src="https://www.nexmo.com/wp-content/uploads/2018/07/2FA-MS-BOT-600x300.png" class="img-full wp-post-image" alt="" srcset="https://www.nexmo.com/wp-content/uploads/2018/07/2FA-MS-BOT-600x300.png 600w, https://www.nexmo.com/wp-content/uploads/2018/07/2FA-MS-BOT-1200x600.png 1200w" sizes="(max-width: 100%) 100vw, 100%">
|
21
|
-
<h4 class="Vlt-margin--top2">Add two factor authentication to a Microsoft bot with Nexmo’s Verify API</h4>
|
22
|
-
<p>2FA (Two Factor Authentication) is increasingly used to increase security within applications.
|
23
|
-
As bots become increasingly popular, developers will need ...</p>
|
24
|
-
</a>
|
25
|
-
</div>
|
26
|
-
<div class="Vlt-col Vlt-col--M-1of2 Vlt-col--1of2">
|
27
|
-
<a class="Vlt-card" href="https://www.nexmo.com/blog/2018/05/22/getting-started-with-nexmo-number-insight-apis-and-asp-net-dr/">
|
28
|
-
<img src="https://www.nexmo.com/wp-content/uploads/2018/05/Number-Insight-Nexmo-01-600x300.png" class="img-full wp-post-image" alt="" srcset="https://www.nexmo.com/wp-content/uploads/2018/05/Number-Insight-Nexmo-01-600x300.png 600w, https://www.nexmo.com/wp-content/uploads/2018/05/Number-Insight-Nexmo-01-768x384.png 768w, https://www.nexmo.com/wp-content/uploads/2018/05/Number-Insight-Nexmo-01.png 1128w" sizes="(max-width: 100%) 100vw, 100%">
|
29
|
-
<h4 class="Vlt-margin--top2">Getting Started with Nexmo Number Insight APIs and ASP.NET</h4>
|
30
|
-
<p>Nexmo's Number Insight API is perfect for real-time validation of user input that could potentially protect your apps from ...</p>
|
31
|
-
</a>
|
32
|
-
</div>
|
33
|
-
</div>
|
@@ -1,40 +0,0 @@
|
|
1
|
-
<div class="container">
|
2
|
-
<h1 class="Vlt-title--icon Vlt-title--center Vlt-margin--top4">
|
3
|
-
<svg class="Vlt-yellow"><use xlink:href="/symbol/volta-icons.svg#Vlt-<%=@content['images']['top_icon']%>" /></svg>
|
4
|
-
<%=@content['headers']['leader']%>
|
5
|
-
</h1>
|
6
|
-
|
7
|
-
<div class="Vlt-center">
|
8
|
-
<p class="p-large"><%=@content['headers']['subheading']%></p>
|
9
|
-
<% if @content['button']['signup']['show'] %>
|
10
|
-
<a role="link" aria-label="Try it free" class="Vlt-btn Vlt-btn--secondary Vlt-btn--large" href="https://dashboard.nexmo.com/sign-up?ref=<%= @content['url']['reference'] %>">Try it Free</a>
|
11
|
-
<% end %>
|
12
|
-
</div>
|
13
|
-
|
14
|
-
<hr class="hr--tall">
|
15
|
-
<%= render 'community' %>
|
16
|
-
<hr class="hr--tall">
|
17
|
-
<%= render 'slack' %>
|
18
|
-
<hr class="hr--tall">
|
19
|
-
<%= render 'xwithy' %>
|
20
|
-
|
21
|
-
<% if @content['sdk']['highlight'] %>
|
22
|
-
<%= render partial: @content['sdk']['library_name'] %>
|
23
|
-
<% end %>
|
24
|
-
|
25
|
-
<hr class="hr--tall">
|
26
|
-
<%= render 'products' %>
|
27
|
-
<hr class="hr--tall">
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
<div class="Vlt-center">
|
33
|
-
<h3>Do you have a question?</h3>
|
34
|
-
<p class="p-large">We're always here to help. Check out our <a href="https://help.nexmo.com">support FAQs</a>, contact our super helpful <a href="https://help.nexmo.com/hc/en-us/requests/new">support team</a> or get in touch on <a href="http://stackoverflow.com/questions/tagged/nexmo">Stack Overflow</a>.<br />Your data will be treated in accordance with our <a href="https://www.nexmo.com/privacy-policy">Privacy Policy</a>, which sets out the rights you have in respect of your data.</p>
|
35
|
-
</div>
|
36
|
-
|
37
|
-
|
38
|
-
</div>
|
39
|
-
|
40
|
-
|
@@ -1,32 +0,0 @@
|
|
1
|
-
.copy-button {
|
2
|
-
background: $blue;
|
3
|
-
width: 140px;
|
4
|
-
height: 24px;
|
5
|
-
padding-top: 3px;
|
6
|
-
text-align: center;
|
7
|
-
clear: both;
|
8
|
-
color: $white;
|
9
|
-
font-size: 0.8em;
|
10
|
-
cursor: pointer;
|
11
|
-
font-weight: bold;
|
12
|
-
position: absolute;
|
13
|
-
top: 0px;
|
14
|
-
right: 0px;
|
15
|
-
z-index: 50;
|
16
|
-
}
|
17
|
-
|
18
|
-
.octicon {
|
19
|
-
display: inline-block;
|
20
|
-
vertical-align: text-top;
|
21
|
-
fill: $white;
|
22
|
-
}
|
23
|
-
|
24
|
-
.copy-wrapper {
|
25
|
-
position: relative;
|
26
|
-
top: auto;
|
27
|
-
left: auto;
|
28
|
-
}
|
29
|
-
|
30
|
-
.copy-wrapper pre {
|
31
|
-
margin-top: 10px;
|
32
|
-
}
|
@@ -1,567 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* ScrollToFixed
|
3
|
-
* https://github.com/bigspotteddog/ScrollToFixed
|
4
|
-
*
|
5
|
-
* Copyright (c) 2011 Joseph Cava-Lynch
|
6
|
-
* MIT license
|
7
|
-
*/
|
8
|
-
(function($) {
|
9
|
-
$.isScrollToFixed = function(el) {
|
10
|
-
return !!$(el).data('ScrollToFixed');
|
11
|
-
};
|
12
|
-
|
13
|
-
$.ScrollToFixed = function(el, options) {
|
14
|
-
// To avoid scope issues, use 'base' instead of 'this' to reference this
|
15
|
-
// class from internal events and functions.
|
16
|
-
var base = this;
|
17
|
-
|
18
|
-
// Access to jQuery and DOM versions of element.
|
19
|
-
base.$el = $(el);
|
20
|
-
base.el = el;
|
21
|
-
|
22
|
-
// Add a reverse reference to the DOM object.
|
23
|
-
base.$el.data('ScrollToFixed', base);
|
24
|
-
|
25
|
-
// A flag so we know if the scroll has been reset.
|
26
|
-
var isReset = false;
|
27
|
-
|
28
|
-
// The element that was given to us to fix if scrolled above the top of
|
29
|
-
// the page.
|
30
|
-
var target = base.$el;
|
31
|
-
|
32
|
-
var position;
|
33
|
-
var originalPosition;
|
34
|
-
var originalFloat;
|
35
|
-
var originalOffsetTop;
|
36
|
-
var originalZIndex;
|
37
|
-
|
38
|
-
// The offset top of the element when resetScroll was called. This is
|
39
|
-
// used to determine if we have scrolled past the top of the element.
|
40
|
-
var offsetTop = 0;
|
41
|
-
|
42
|
-
// The offset left of the element when resetScroll was called. This is
|
43
|
-
// used to move the element left or right relative to the horizontal
|
44
|
-
// scroll.
|
45
|
-
var offsetLeft = 0;
|
46
|
-
var originalOffsetLeft = -1;
|
47
|
-
|
48
|
-
// This last offset used to move the element horizontally. This is used
|
49
|
-
// to determine if we need to move the element because we would not want
|
50
|
-
// to do that for no reason.
|
51
|
-
var lastOffsetLeft = -1;
|
52
|
-
|
53
|
-
// This is the element used to fill the void left by the target element
|
54
|
-
// when it goes fixed; otherwise, everything below it moves up the page.
|
55
|
-
var spacer = null;
|
56
|
-
|
57
|
-
var spacerClass;
|
58
|
-
|
59
|
-
var className;
|
60
|
-
|
61
|
-
// Capture the original offsets for the target element. This needs to be
|
62
|
-
// called whenever the page size changes or when the page is first
|
63
|
-
// scrolled. For some reason, calling this before the page is first
|
64
|
-
// scrolled causes the element to become fixed too late.
|
65
|
-
function resetScroll() {
|
66
|
-
// Set the element to it original positioning.
|
67
|
-
target.trigger('preUnfixed.ScrollToFixed');
|
68
|
-
setUnfixed();
|
69
|
-
target.trigger('unfixed.ScrollToFixed');
|
70
|
-
|
71
|
-
// Reset the last offset used to determine if the page has moved
|
72
|
-
// horizontally.
|
73
|
-
lastOffsetLeft = -1;
|
74
|
-
|
75
|
-
// Capture the offset top of the target element.
|
76
|
-
offsetTop = target.offset().top;
|
77
|
-
|
78
|
-
// Capture the offset left of the target element.
|
79
|
-
offsetLeft = target.offset().left;
|
80
|
-
|
81
|
-
// If the offsets option is on, alter the left offset.
|
82
|
-
if (base.options.offsets) {
|
83
|
-
offsetLeft += (target.offset().left - target.position().left);
|
84
|
-
}
|
85
|
-
|
86
|
-
if (originalOffsetLeft == -1) {
|
87
|
-
originalOffsetLeft = offsetLeft;
|
88
|
-
}
|
89
|
-
|
90
|
-
position = target.css('position');
|
91
|
-
|
92
|
-
// Set that this has been called at least once.
|
93
|
-
isReset = true;
|
94
|
-
|
95
|
-
if (base.options.bottom != -1) {
|
96
|
-
target.trigger('preFixed.ScrollToFixed');
|
97
|
-
setFixed();
|
98
|
-
target.trigger('fixed.ScrollToFixed');
|
99
|
-
}
|
100
|
-
}
|
101
|
-
|
102
|
-
function getLimit() {
|
103
|
-
var limit = base.options.limit;
|
104
|
-
if (!limit) return 0;
|
105
|
-
|
106
|
-
if (typeof(limit) === 'function') {
|
107
|
-
return limit.apply(target);
|
108
|
-
}
|
109
|
-
return limit;
|
110
|
-
}
|
111
|
-
|
112
|
-
// Returns whether the target element is fixed or not.
|
113
|
-
function isFixed() {
|
114
|
-
return position === 'fixed';
|
115
|
-
}
|
116
|
-
|
117
|
-
// Returns whether the target element is absolute or not.
|
118
|
-
function isAbsolute() {
|
119
|
-
return position === 'absolute';
|
120
|
-
}
|
121
|
-
|
122
|
-
function isUnfixed() {
|
123
|
-
return !(isFixed() || isAbsolute());
|
124
|
-
}
|
125
|
-
|
126
|
-
// Sets the target element to fixed. Also, sets the spacer to fill the
|
127
|
-
// void left by the target element.
|
128
|
-
function setFixed() {
|
129
|
-
// Only fix the target element and the spacer if we need to.
|
130
|
-
if (!isFixed()) {
|
131
|
-
//get REAL dimensions (decimal fix)
|
132
|
-
//Ref. http://stackoverflow.com/questions/3603065/how-to-make-jquery-to-not-round-value-returned-by-width
|
133
|
-
var dimensions = target[0].getBoundingClientRect();
|
134
|
-
|
135
|
-
// Set the spacer to fill the height and width of the target
|
136
|
-
// element, then display it.
|
137
|
-
spacer.css({
|
138
|
-
'display' : target.css('display'),
|
139
|
-
'width' : dimensions.width,
|
140
|
-
'height' : dimensions.height,
|
141
|
-
'float' : target.css('float')
|
142
|
-
});
|
143
|
-
|
144
|
-
// Set the target element to fixed and set its width so it does
|
145
|
-
// not fill the rest of the page horizontally. Also, set its top
|
146
|
-
// to the margin top specified in the options.
|
147
|
-
|
148
|
-
cssOptions={
|
149
|
-
'z-index' : base.options.zIndex,
|
150
|
-
'position' : 'fixed',
|
151
|
-
'top' : base.options.bottom == -1?getMarginTop():'',
|
152
|
-
'bottom' : base.options.bottom == -1?'':base.options.bottom,
|
153
|
-
'margin-left' : '0px'
|
154
|
-
}
|
155
|
-
if (!base.options.dontSetWidth){ cssOptions['width']=target.css('width'); };
|
156
|
-
|
157
|
-
target.css(cssOptions);
|
158
|
-
|
159
|
-
target.addClass(base.options.baseClassName);
|
160
|
-
|
161
|
-
if (base.options.className) {
|
162
|
-
target.addClass(base.options.className);
|
163
|
-
}
|
164
|
-
|
165
|
-
position = 'fixed';
|
166
|
-
}
|
167
|
-
}
|
168
|
-
|
169
|
-
function setAbsolute() {
|
170
|
-
|
171
|
-
var top = getLimit();
|
172
|
-
var left = offsetLeft;
|
173
|
-
|
174
|
-
if (base.options.removeOffsets) {
|
175
|
-
left = '';
|
176
|
-
top = top - offsetTop;
|
177
|
-
}
|
178
|
-
|
179
|
-
cssOptions={
|
180
|
-
'position' : 'absolute',
|
181
|
-
'top' : top,
|
182
|
-
'left' : left,
|
183
|
-
'margin-left' : '0px',
|
184
|
-
'bottom' : ''
|
185
|
-
}
|
186
|
-
if (!base.options.dontSetWidth){ cssOptions['width']=target.css('width'); };
|
187
|
-
|
188
|
-
target.css(cssOptions);
|
189
|
-
|
190
|
-
position = 'absolute';
|
191
|
-
}
|
192
|
-
|
193
|
-
// Sets the target element back to unfixed. Also, hides the spacer.
|
194
|
-
function setUnfixed() {
|
195
|
-
// Only unfix the target element and the spacer if we need to.
|
196
|
-
if (!isUnfixed()) {
|
197
|
-
lastOffsetLeft = -1;
|
198
|
-
|
199
|
-
// Hide the spacer now that the target element will fill the
|
200
|
-
// space.
|
201
|
-
spacer.css('display', 'none');
|
202
|
-
|
203
|
-
// Remove the style attributes that were added to the target.
|
204
|
-
// This will reverse the target back to the its original style.
|
205
|
-
target.css({
|
206
|
-
'z-index' : originalZIndex,
|
207
|
-
'width' : '',
|
208
|
-
'position' : originalPosition,
|
209
|
-
'left' : '',
|
210
|
-
'top' : originalOffsetTop,
|
211
|
-
'margin-left' : ''
|
212
|
-
});
|
213
|
-
|
214
|
-
target.removeClass('scroll-to-fixed-fixed');
|
215
|
-
|
216
|
-
if (base.options.className) {
|
217
|
-
target.removeClass(base.options.className);
|
218
|
-
}
|
219
|
-
|
220
|
-
position = null;
|
221
|
-
}
|
222
|
-
}
|
223
|
-
|
224
|
-
// Moves the target element left or right relative to the horizontal
|
225
|
-
// scroll position.
|
226
|
-
function setLeft(x) {
|
227
|
-
// Only if the scroll is not what it was last time we did this.
|
228
|
-
if (x != lastOffsetLeft) {
|
229
|
-
// Move the target element horizontally relative to its original
|
230
|
-
// horizontal position.
|
231
|
-
target.css('left', offsetLeft - x);
|
232
|
-
|
233
|
-
// Hold the last horizontal position set.
|
234
|
-
lastOffsetLeft = x;
|
235
|
-
}
|
236
|
-
}
|
237
|
-
|
238
|
-
function getMarginTop() {
|
239
|
-
var marginTop = base.options.marginTop;
|
240
|
-
if (!marginTop) return 0;
|
241
|
-
|
242
|
-
if (typeof(marginTop) === 'function') {
|
243
|
-
return marginTop.apply(target);
|
244
|
-
}
|
245
|
-
return marginTop;
|
246
|
-
}
|
247
|
-
|
248
|
-
// Checks to see if we need to do something based on new scroll position
|
249
|
-
// of the page.
|
250
|
-
function checkScroll() {
|
251
|
-
if (!$.isScrollToFixed(target) || target.is(':hidden')) return;
|
252
|
-
var wasReset = isReset;
|
253
|
-
var wasUnfixed = isUnfixed();
|
254
|
-
|
255
|
-
// If resetScroll has not yet been called, call it. This only
|
256
|
-
// happens once.
|
257
|
-
if (!isReset) {
|
258
|
-
resetScroll();
|
259
|
-
} else if (isUnfixed()) {
|
260
|
-
// if the offset has changed since the last scroll,
|
261
|
-
// we need to get it again.
|
262
|
-
|
263
|
-
// Capture the offset top of the target element.
|
264
|
-
offsetTop = target.offset().top;
|
265
|
-
|
266
|
-
// Capture the offset left of the target element.
|
267
|
-
offsetLeft = target.offset().left;
|
268
|
-
}
|
269
|
-
|
270
|
-
// Grab the current horizontal scroll position.
|
271
|
-
var x = $(window).scrollLeft();
|
272
|
-
|
273
|
-
// Grab the current vertical scroll position.
|
274
|
-
var y = $(window).scrollTop();
|
275
|
-
|
276
|
-
// Get the limit, if there is one.
|
277
|
-
var limit = getLimit();
|
278
|
-
|
279
|
-
// If the vertical scroll position, plus the optional margin, would
|
280
|
-
// put the target element at the specified limit, set the target
|
281
|
-
// element to absolute.
|
282
|
-
if (base.options.minWidth && $(window).width() < base.options.minWidth) {
|
283
|
-
if (!isUnfixed() || !wasReset) {
|
284
|
-
postPosition();
|
285
|
-
target.trigger('preUnfixed.ScrollToFixed');
|
286
|
-
setUnfixed();
|
287
|
-
target.trigger('unfixed.ScrollToFixed');
|
288
|
-
}
|
289
|
-
} else if (base.options.maxWidth && $(window).width() > base.options.maxWidth) {
|
290
|
-
if (!isUnfixed() || !wasReset) {
|
291
|
-
postPosition();
|
292
|
-
target.trigger('preUnfixed.ScrollToFixed');
|
293
|
-
setUnfixed();
|
294
|
-
target.trigger('unfixed.ScrollToFixed');
|
295
|
-
}
|
296
|
-
} else if (base.options.bottom == -1) {
|
297
|
-
// If the vertical scroll position, plus the optional margin, would
|
298
|
-
// put the target element at the specified limit, set the target
|
299
|
-
// element to absolute.
|
300
|
-
if (limit > 0 && y >= limit - getMarginTop()) {
|
301
|
-
if (!wasUnfixed && (!isAbsolute() || !wasReset)) {
|
302
|
-
postPosition();
|
303
|
-
target.trigger('preAbsolute.ScrollToFixed');
|
304
|
-
setAbsolute();
|
305
|
-
target.trigger('unfixed.ScrollToFixed');
|
306
|
-
}
|
307
|
-
// If the vertical scroll position, plus the optional margin, would
|
308
|
-
// put the target element above the top of the page, set the target
|
309
|
-
// element to fixed.
|
310
|
-
} else if (y >= offsetTop - getMarginTop()) {
|
311
|
-
if (!isFixed() || !wasReset) {
|
312
|
-
postPosition();
|
313
|
-
target.trigger('preFixed.ScrollToFixed');
|
314
|
-
|
315
|
-
// Set the target element to fixed.
|
316
|
-
setFixed();
|
317
|
-
|
318
|
-
// Reset the last offset left because we just went fixed.
|
319
|
-
lastOffsetLeft = -1;
|
320
|
-
|
321
|
-
target.trigger('fixed.ScrollToFixed');
|
322
|
-
}
|
323
|
-
// If the page has been scrolled horizontally as well, move the
|
324
|
-
// target element accordingly.
|
325
|
-
setLeft(x);
|
326
|
-
} else {
|
327
|
-
// Set the target element to unfixed, placing it where it was
|
328
|
-
// before.
|
329
|
-
if (!isUnfixed() || !wasReset) {
|
330
|
-
postPosition();
|
331
|
-
target.trigger('preUnfixed.ScrollToFixed');
|
332
|
-
setUnfixed();
|
333
|
-
target.trigger('unfixed.ScrollToFixed');
|
334
|
-
}
|
335
|
-
}
|
336
|
-
} else {
|
337
|
-
if (limit > 0) {
|
338
|
-
if (y + $(window).height() - target.outerHeight(true) >= limit - (getMarginTop() || -getBottom())) {
|
339
|
-
if (isFixed()) {
|
340
|
-
postPosition();
|
341
|
-
target.trigger('preUnfixed.ScrollToFixed');
|
342
|
-
|
343
|
-
if (originalPosition === 'absolute') {
|
344
|
-
setAbsolute();
|
345
|
-
} else {
|
346
|
-
setUnfixed();
|
347
|
-
}
|
348
|
-
|
349
|
-
target.trigger('unfixed.ScrollToFixed');
|
350
|
-
}
|
351
|
-
} else {
|
352
|
-
if (!isFixed()) {
|
353
|
-
postPosition();
|
354
|
-
target.trigger('preFixed.ScrollToFixed');
|
355
|
-
setFixed();
|
356
|
-
}
|
357
|
-
setLeft(x);
|
358
|
-
target.trigger('fixed.ScrollToFixed');
|
359
|
-
}
|
360
|
-
} else {
|
361
|
-
setLeft(x);
|
362
|
-
}
|
363
|
-
}
|
364
|
-
}
|
365
|
-
|
366
|
-
function getBottom() {
|
367
|
-
if (!base.options.bottom) return 0;
|
368
|
-
return base.options.bottom;
|
369
|
-
}
|
370
|
-
|
371
|
-
function postPosition() {
|
372
|
-
var position = target.css('position');
|
373
|
-
|
374
|
-
if (position == 'absolute') {
|
375
|
-
target.trigger('postAbsolute.ScrollToFixed');
|
376
|
-
} else if (position == 'fixed') {
|
377
|
-
target.trigger('postFixed.ScrollToFixed');
|
378
|
-
} else {
|
379
|
-
target.trigger('postUnfixed.ScrollToFixed');
|
380
|
-
}
|
381
|
-
}
|
382
|
-
|
383
|
-
var windowResize = function(event) {
|
384
|
-
// Check if the element is visible before updating it's position, which
|
385
|
-
// improves behavior with responsive designs where this element is hidden.
|
386
|
-
if(target.is(':visible')) {
|
387
|
-
isReset = false;
|
388
|
-
checkScroll();
|
389
|
-
} else {
|
390
|
-
// Ensure the spacer is hidden
|
391
|
-
setUnfixed();
|
392
|
-
}
|
393
|
-
}
|
394
|
-
|
395
|
-
var windowScroll = function(event) {
|
396
|
-
(!!window.requestAnimationFrame) ? requestAnimationFrame(checkScroll) : checkScroll();
|
397
|
-
}
|
398
|
-
|
399
|
-
// From: http://kangax.github.com/cft/#IS_POSITION_FIXED_SUPPORTED
|
400
|
-
var isPositionFixedSupported = function() {
|
401
|
-
var container = document.body;
|
402
|
-
|
403
|
-
if (document.createElement && container && container.appendChild && container.removeChild) {
|
404
|
-
var el = document.createElement('div');
|
405
|
-
|
406
|
-
if (!el.getBoundingClientRect) return null;
|
407
|
-
|
408
|
-
el.innerHTML = 'x';
|
409
|
-
el.style.cssText = 'position:fixed;top:100px;';
|
410
|
-
container.appendChild(el);
|
411
|
-
|
412
|
-
var originalHeight = container.style.height,
|
413
|
-
originalScrollTop = container.scrollTop;
|
414
|
-
|
415
|
-
container.style.height = '3000px';
|
416
|
-
container.scrollTop = 500;
|
417
|
-
|
418
|
-
var elementTop = el.getBoundingClientRect().top;
|
419
|
-
container.style.height = originalHeight;
|
420
|
-
|
421
|
-
var isSupported = (elementTop === 100);
|
422
|
-
container.removeChild(el);
|
423
|
-
container.scrollTop = originalScrollTop;
|
424
|
-
|
425
|
-
return isSupported;
|
426
|
-
}
|
427
|
-
|
428
|
-
return null;
|
429
|
-
}
|
430
|
-
|
431
|
-
var preventDefault = function(e) {
|
432
|
-
e = e || window.event;
|
433
|
-
if (e.preventDefault) {
|
434
|
-
e.preventDefault();
|
435
|
-
}
|
436
|
-
e.returnValue = false;
|
437
|
-
}
|
438
|
-
|
439
|
-
// Initializes this plugin. Captures the options passed in, turns this
|
440
|
-
// off for devices that do not support fixed position, adds the spacer,
|
441
|
-
// and binds to the window scroll and resize events.
|
442
|
-
base.init = function() {
|
443
|
-
// Capture the options for this plugin.
|
444
|
-
base.options = $.extend({}, $.ScrollToFixed.defaultOptions, options);
|
445
|
-
|
446
|
-
originalZIndex = target.css('z-index')
|
447
|
-
|
448
|
-
// Turn off this functionality for devices that do not support it.
|
449
|
-
// if (!(base.options && base.options.dontCheckForPositionFixedSupport)) {
|
450
|
-
// var fixedSupported = isPositionFixedSupported();
|
451
|
-
// if (!fixedSupported) return;
|
452
|
-
// }
|
453
|
-
|
454
|
-
// Put the target element on top of everything that could be below
|
455
|
-
// it. This reduces flicker when the target element is transitioning
|
456
|
-
// to fixed.
|
457
|
-
base.$el.css('z-index', base.options.zIndex);
|
458
|
-
|
459
|
-
// Create a spacer element to fill the void left by the target
|
460
|
-
// element when it goes fixed.
|
461
|
-
spacer = $('<div />');
|
462
|
-
|
463
|
-
position = target.css('position');
|
464
|
-
originalPosition = target.css('position');
|
465
|
-
originalFloat = target.css('float');
|
466
|
-
originalOffsetTop = target.css('top');
|
467
|
-
|
468
|
-
// Place the spacer right after the target element.
|
469
|
-
if (isUnfixed()) base.$el.after(spacer);
|
470
|
-
|
471
|
-
// Reset the target element offsets when the window is resized, then
|
472
|
-
// check to see if we need to fix or unfix the target element.
|
473
|
-
$(window).bind('resize.ScrollToFixed', windowResize);
|
474
|
-
|
475
|
-
// When the window scrolls, check to see if we need to fix or unfix
|
476
|
-
// the target element.
|
477
|
-
$(window).bind('scroll.ScrollToFixed', windowScroll);
|
478
|
-
|
479
|
-
// For touch devices, call checkScroll directly rather than
|
480
|
-
// rAF wrapped windowScroll to animate the element
|
481
|
-
if ('ontouchmove' in window) {
|
482
|
-
$(window).bind('touchmove.ScrollToFixed', checkScroll);
|
483
|
-
}
|
484
|
-
|
485
|
-
if (base.options.preFixed) {
|
486
|
-
target.bind('preFixed.ScrollToFixed', base.options.preFixed);
|
487
|
-
}
|
488
|
-
if (base.options.postFixed) {
|
489
|
-
target.bind('postFixed.ScrollToFixed', base.options.postFixed);
|
490
|
-
}
|
491
|
-
if (base.options.preUnfixed) {
|
492
|
-
target.bind('preUnfixed.ScrollToFixed', base.options.preUnfixed);
|
493
|
-
}
|
494
|
-
if (base.options.postUnfixed) {
|
495
|
-
target.bind('postUnfixed.ScrollToFixed', base.options.postUnfixed);
|
496
|
-
}
|
497
|
-
if (base.options.preAbsolute) {
|
498
|
-
target.bind('preAbsolute.ScrollToFixed', base.options.preAbsolute);
|
499
|
-
}
|
500
|
-
if (base.options.postAbsolute) {
|
501
|
-
target.bind('postAbsolute.ScrollToFixed', base.options.postAbsolute);
|
502
|
-
}
|
503
|
-
if (base.options.fixed) {
|
504
|
-
target.bind('fixed.ScrollToFixed', base.options.fixed);
|
505
|
-
}
|
506
|
-
if (base.options.unfixed) {
|
507
|
-
target.bind('unfixed.ScrollToFixed', base.options.unfixed);
|
508
|
-
}
|
509
|
-
|
510
|
-
if (base.options.spacerClass) {
|
511
|
-
spacer.addClass(base.options.spacerClass);
|
512
|
-
}
|
513
|
-
|
514
|
-
target.bind('resize.ScrollToFixed', function() {
|
515
|
-
spacer.height(target.height());
|
516
|
-
});
|
517
|
-
|
518
|
-
target.bind('scroll.ScrollToFixed', function() {
|
519
|
-
target.trigger('preUnfixed.ScrollToFixed');
|
520
|
-
setUnfixed();
|
521
|
-
target.trigger('unfixed.ScrollToFixed');
|
522
|
-
checkScroll();
|
523
|
-
});
|
524
|
-
|
525
|
-
target.bind('detach.ScrollToFixed', function(ev) {
|
526
|
-
preventDefault(ev);
|
527
|
-
|
528
|
-
target.trigger('preUnfixed.ScrollToFixed');
|
529
|
-
setUnfixed();
|
530
|
-
target.trigger('unfixed.ScrollToFixed');
|
531
|
-
|
532
|
-
$(window).unbind('resize.ScrollToFixed', windowResize);
|
533
|
-
$(window).unbind('scroll.ScrollToFixed', windowScroll);
|
534
|
-
|
535
|
-
target.unbind('.ScrollToFixed');
|
536
|
-
|
537
|
-
//remove spacer from dom
|
538
|
-
spacer.remove();
|
539
|
-
|
540
|
-
base.$el.removeData('ScrollToFixed');
|
541
|
-
});
|
542
|
-
|
543
|
-
// Reset everything.
|
544
|
-
windowResize();
|
545
|
-
};
|
546
|
-
|
547
|
-
// Initialize the plugin.
|
548
|
-
base.init();
|
549
|
-
};
|
550
|
-
|
551
|
-
// Sets the option defaults.
|
552
|
-
$.ScrollToFixed.defaultOptions = {
|
553
|
-
marginTop : 0,
|
554
|
-
limit : 0,
|
555
|
-
bottom : -1,
|
556
|
-
zIndex : 1000,
|
557
|
-
baseClassName: 'scroll-to-fixed-fixed'
|
558
|
-
};
|
559
|
-
|
560
|
-
// Returns enhanced elements that will fix to the top of the page when the
|
561
|
-
// page is scrolled.
|
562
|
-
$.fn.scrollToFixed = function(options) {
|
563
|
-
return this.each(function() {
|
564
|
-
(new $.ScrollToFixed(this, options));
|
565
|
-
});
|
566
|
-
};
|
567
|
-
})(jQuery);
|