Browse Source

Begin stubbing slider component

master
jlukic 9 years ago
parent
commit
85d093a621
  1. 6
      server/documents/modules/slider.html.eco
  2. 6
      server/files/javascript/checkbox.js
  3. 29
      server/files/javascript/slider.js
  4. 1
      server/partials/ui-css.html.eco
  5. 1
      server/partials/ui-javascript.html.eco

6
server/documents/modules/slider.html.eco

@ -6,7 +6,7 @@ elementType : 'module'
standalone : true
title : 'Slider'
description : "A slider allows a user to select a value from a small set of options, often binary"
description : "A slider allows a user to select a numeric value from a designated set of possible values"
type : 'UI Module'
themes : ['Default']
@ -28,8 +28,8 @@ themes : ['Default']
<h4 class="ui header">Slider</h4>
<p>A standard slider</p>
<div class="ui slider">
<input type="slider" name="example" />
<label>Make my profile visible</label>
<div class="handle"></div>
<div class="value"></div>
</div>
</div>

6
server/files/javascript/checkbox.js

@ -1,7 +1,7 @@
semantic.dropdown = {};
semantic.checkbox = {};
// ready event
semantic.dropdown.ready = function() {
semantic.checkbox.ready = function() {
// selector cache
var
@ -32,5 +32,5 @@ semantic.dropdown.ready = function() {
// attach ready event
$(document)
.ready(semantic.dropdown.ready)
.ready(semantic.checkbox.ready)
;

29
server/files/javascript/slider.js

@ -0,0 +1,29 @@
semantic.dropdown = {};
// ready event
semantic.dropdown.ready = function() {
// selector cache
var
$slider = $('.example').find('.ui.slider'),
// alias
handler
;
// event handlers
handler = {
};
$slider
.slider()
;
};
// attach ready event
$(document)
.ready(semantic.dropdown.ready)
;

1
server/partials/ui-css.html.eco

@ -46,6 +46,7 @@
<link rel="stylesheet" type="text/css" class="ui" href="/dist/components/search.css">
<link rel="stylesheet" type="text/css" class="ui" href="/dist/components/shape.css">
<link rel="stylesheet" type="text/css" class="ui" href="/dist/components/sidebar.css">
<link rel="stylesheet" type="text/css" class="ui" href="/dist/components/slider.css">
<link rel="stylesheet" type="text/css" class="ui" href="/dist/components/sticky.css">
<link rel="stylesheet" type="text/css" class="ui" href="/dist/components/tab.css">
<link rel="stylesheet" type="text/css" class="ui" href="/dist/components/transition.css">

1
server/partials/ui-javascript.html.eco

@ -14,6 +14,7 @@
<script src="/dist/components/rating.js"></script>
<script src="/dist/components/search.js"></script>
<script src="/dist/components/shape.js"></script>
<script src="/dist/components/slider.js"></script>
<script src="/dist/components/sidebar.js"></script>
<script src="/dist/components/site.js"></script>
<script src="/dist/components/state.js"></script>

Loading…
Cancel
Save