Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in
Toggle navigation
I
i20rzslider
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
jedife
i20rzslider
Commits
f0ca9ff4
Commit
f0ca9ff4
authored
Sep 23, 2015
by
e-cloud
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update editorConfig and remove single.html
parent
4e3fba1f
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
2 additions
and
71 deletions
+2
-71
.editorconfig
.editorconfig
+2
-1
single.html
demo/single.html
+0
-70
No files found.
.editorconfig
View file @
f0ca9ff4
...
...
@@ -5,6 +5,7 @@ root = true
indent_style = space
indent_size = 2
charset = utf-8
end_of_line = lf
trim_trailing_whitespace = true
insert_final_newline = true
...
...
@@ -14,4 +15,4 @@ curly_bracket_next_line = true
indent_brace_style = Allman
spaces_around_operators = true
spaces_around_brackets = inside
continuation_indent_size =
4
continuation_indent_size =
2
demo/single.html
deleted
100644 → 0
View file @
4e3fba1f
<!DOCTYPE html>
<html
ng-app=
"rzSliderDemo"
>
<head>
<meta
charset=
"utf-8"
/>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
>
<title>
AngularJS Touch Slider
</title>
<link
rel=
"stylesheet"
href=
"demo.css"
/>
<link
rel=
"stylesheet"
href=
"../dist/rzslider.css"
/>
<link
href=
'http://fonts.googleapis.com/css?family=Open+Sans:300,400,700'
rel=
'stylesheet'
type=
'text/css'
>
</head>
<body
ng-controller=
"MainCtrl"
>
<div
class=
"wrapper"
>
<header>
<h1>
AngularJS Touch Slider Toggle case
</h1>
</header>
<article>
<h2>
Toggle slider example
</h2>
<button
ng-click=
"toggle()"
>
Show
</button>
<button
ng-click=
"toggleCeil()"
>
toggle ceil
</button>
<div
ng-show=
"visible"
>
<rzslider
rz-slider-model=
"toggleSlider.value"
rz-slider-floor=
"toggleSlider.floor"
rz-slider-hide-limit-labels=
"true"
rz-slider-ceil=
"toggleSlider.ceil"
></rzslider>
</div>
</article>
</div>
<script
src=
"../bower_components/angular/angular.js"
></script>
<script
src=
"../dist/rzslider.js"
></script>
<script>
var
app
=
angular
.
module
(
'rzSliderDemo'
,
[
'rzModule'
]);
app
.
controller
(
'MainCtrl'
,
function
(
$scope
,
$timeout
)
{
$scope
.
visible
=
false
;
$scope
.
toggle
=
function
()
{
$scope
.
visible
=
!
$scope
.
visible
;
$timeout
(
function
()
{
$scope
.
$broadcast
(
'rzSliderForceRender'
);
});
};
$scope
.
toggleCeil
=
function
()
{
$scope
.
toggleSlider
.
ceil
=
$scope
.
toggleSlider
.
ceil
?
0
:
500
;
/*$timeout(function() {
$scope.$broadcast('rzSliderForceRender');
});*/
};
$scope
.
toggleSlider
=
{
value
:
0
,
ceil
:
0
,
floor
:
0
};
});
</script>
</body>
</html>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment