Commit 77ebb7e9 by Manzar Hussain

jquery ui slider

parent 46277834
# jQuery UI Slider
Drupal 8 includes jQuery UI in core, however it is no longer actively
maintained and has been marked deprecated. This module provides the
jQuery UI Slider library for any themes and modules that require it.
- jQuery UI [Slider documentation](https://jqueryui.com/slider/)
- jQuery UI [Slider API documentation](https://api.jqueryui.com/slider/)
**Caution**: jQuery UI was deprecated from core because it is no longer
actively maintained, and has been marked “End of Life” by the OpenJS
Foundation. It is not recommended to depend on jQuery UI in your own
code, and instead to select a replacement solution as soon as possible.
## Instructions
1. Install this module and the jQuery UI module.
2. Change any references in your theme or module from
`core/jquery.ui.slider` to `jquery_ui_slider/slider`
### Requirements
- [jQuery UI](https://www.drupal.org/project/jquery_ui)
### Related modules
- [jQuery UI Accordion](https://www.drupal.org/project/jquery_ui_accordion)
- [jQuery UI Button](https://www.drupal.org/project/jquery_ui_button)
- [jQuery UI Checkboxradio](https://www.drupal.org/project/jquery_ui_checkboxradio)
- [jQuery UI Controlgroup](https://www.drupal.org/project/jquery_ui_controlgroup)
- [jQuery UI Draggable](https://www.drupal.org/project/jquery_ui_draggable)
- [jQuery UI Droppable](https://www.drupal.org/project/jquery_ui_droppable)
- [jQuery UI Effects](https://www.drupal.org/project/jquery_ui_effects)
- [jQuery UI Menu](https://www.drupal.org/project/jquery_ui_menu)
- [jQuery UI Progressbar](https://www.drupal.org/project/jquery_ui_progressbar)
- [jQuery UI Selectable](https://www.drupal.org/project/jquery_ui_selectable)
- [jQuery UI Selectmenu](https://www.drupal.org/project/jquery_ui_selectmenu)
- [jQuery UI Spinner](https://www.drupal.org/project/jquery_ui_spinner)
- [jQuery UI Tooltip](https://www.drupal.org/project/jquery_ui_tooltip)
/*!
* jQuery UI Slider 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/slider/#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
name: jQuery UI Slider
type: module
description: 'Provides jQuery UI Slider library.'
package: jQuery UI
core_version_requirement: ^8 || ^9
dependencies:
- jquery_ui:jquery_ui
# Information added by Drupal.org packaging script on 2020-03-13
version: '8.x-1.1'
project: 'jquery_ui_slider'
datestamp: 1584107819
slider:
license:
name: Public Domain
url: https://github.com/jquery/jquery-ui/blob/1.12.1/LICENSE.txt
gpl-compatible: true
js:
jquery.ui/ui/widgets/slider-min.js: { minified: true }
css:
component:
jquery.ui/themes/base/slider.css: {}
dependencies:
- jquery_ui/core
- jquery_ui/mouse
- jquery_ui/widget
<?php
/**
* @file
* Contains jquery_ui_slider.module.
*/
use Drupal\Core\Routing\RouteMatchInterface;
/**
* Implements hook_help().
*/
function jquery_ui_slider_help($route_name, RouteMatchInterface $route_match) {
switch ($route_name) {
case 'help.page.jquery_ui_slider':
$output = '<h3>' . t('About') . '</h3>';
$output .= '<p>' . t('Drupal 8 includes jQuery UI in core, however it is no longer actively maintained and has been marked deprecated. This module provides the jQuery UI Slider library for any themes and modules that require it.') . '</p>';
$output .= '<p>' . t('For more information about the deprecation of jQuery UI, see this <a href=":change-record">change record</a>', [':change-record' => 'https://www.drupal.org/node/3067969']) . '</p>';
$output .= '<p>' . t('Visit the <a href=":project_link">jQuery UI Slider project page</a> on Drupal.org for more information on this module.', [':project_link' => 'https://www.drupal.org/project/jquery_ui_slider']) . '</p>';
return $output;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment