Skip to content

Commit

Permalink
Updates to release v4.1.2
Browse files Browse the repository at this point in the history
  • Loading branch information
kartik-v committed Sep 20, 2021
1 parent a06ddc6 commit c301efe
Show file tree
Hide file tree
Showing 66 changed files with 1,495 additions and 399 deletions.
6 changes: 6 additions & 0 deletions CHANGE.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,12 @@
Change Log: `bootstrap-star-rating`
===================================

## Version 4.1.2

**Date:** 20-Sep-2021

- Simplify NPM module handling.

## Version 4.1.1

**Date:** 11-Sep-2021
Expand Down
18 changes: 9 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ at Krajee JQuery plugins.
- **BC Breaking Change**: The `symbol`, `glyphicon`, `ratingClass` properties have been removed. The functionality is replaced with the `theme` property (and can also be complemented or implemented separately using the `containerClass` property).
- New property `theme` will assign a CSS class with the `rating-<theme-name>` to the rating container.
- Themes included
- `krajee-svg` (for displaying svg icons) - default theme since v4.1.1
- `krajee-svg` (for displaying svg icons) - default theme since v4.1.2
- `krajee-uni` (for displaying Krajee unicode symbols as stars)
- `krajee-fas` (for displaying font awesome 5.x icons)
- `krajee-fa` (for displaying font awesome 4.x icons)
Expand Down Expand Up @@ -120,20 +120,20 @@ Step 1: Load the following assets in your header.
```html
<!-- default styles -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].1/css/star-rating.min.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/css/star-rating.min.css" media="all" rel="stylesheet" type="text/css" />

<!-- with v4.1.1 Krajee SVG theme is used as default (and must be loaded as below) - include any of the other theme CSS files as mentioned below (and change the theme property of the plugin) -->
<link href="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].1/themes/krajee-svg/theme.css" media="all" rel="stylesheet" type="text/css" />
<!-- with v4.1.0 Krajee SVG theme is used as default (and must be loaded as below) - include any of the other theme CSS files as mentioned below (and change the theme property of the plugin) -->
<link href="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/themes/krajee-svg/theme.css" media="all" rel="stylesheet" type="text/css" />

<!-- important mandatory libraries -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].1/js/star-rating.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/js/star-rating.min.js" type="text/javascript"></script>

<!-- with v4.1.1 Krajee SVG theme is used as default (and must be loaded as below) - include any of the other theme JS files as mentioned below (and change the theme property of the plugin) -->
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].1/themes/krajee-svg/theme.js"></script>
<!-- with v4.1.0 Krajee SVG theme is used as default (and must be loaded as below) - include any of the other theme JS files as mentioned below (and change the theme property of the plugin) -->
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/themes/krajee-svg/theme.js"></script>

<!-- optionally if you need translation for your language then include locale file as mentioned below (replace LANG.js with your own locale file) -->
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].1/js/locales/LANG.js"></script>
<script src="https://cdn.jsdelivr.net/gh/kartik-v/[email protected].2/js/locales/LANG.js"></script>
```

If you noticed, you need to load the `jquery.min.js` and `bootstrap.min.css` in addition to the `star-rating.min.css` and `star-rating.min.js` for
Expand Down
6 changes: 3 additions & 3 deletions bower.json
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
{
"name": "bootstrap-star-rating",
"version": "4.1.1",
"version": "4.1.2",
"homepage": "https://github.com/kartik-v/bootstrap-star-rating",
"authors": [
"Kartik Visweswaran <[email protected]>"
],
"description": "A simple yet powerful JQuery star rating plugin for Bootstrap.",
"main": [
"./css/star-rating.css",
"./js/star-rating.js"
"./css/star-rating.min.css",
"./js/star-rating.min.js"
],
"keywords": [
"bootstrap",
Expand Down
2 changes: 1 addition & 1 deletion css/star-rating.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/*!
* bootstrap-star-rating v4.1.1
* bootstrap-star-rating v4.1.2
* http://plugins.krajee.com/star-rating
*
* Author: Kartik Visweswaran
Expand Down
5 changes: 3 additions & 2 deletions css/star-rating.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

64 changes: 37 additions & 27 deletions examples/sample.html → examples/bs3.html
Original file line number Diff line number Diff line change
@@ -1,20 +1,31 @@
<!--
* bootstrap-star-rating v4.1.2
* http://plugins.krajee.com/star-rating
*
* Author: Kartik Visweswaran
* Copyright: 2013 - 2021, Kartik Visweswaran, Krajee.com
*
* Licensed under the BSD 3-Clause
* https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md
-->
<!DOCTYPE html>
<!--suppress CssUnusedSymbol, JSUnresolvedLibraryURL -->
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Krajee JQuery Plugins - &copy; Kartik</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../css/star-rating.css" media="all" type="text/css"/>
<link rel="stylesheet" href="../css/themes/krajee-fa/theme.css" media="all" type="text/css"/>
<link rel="stylesheet" href="../css/themes/krajee-svg/theme.css" media="all" type="text/css"/>
<link rel="stylesheet" href="../css/themes/krajee-uni/theme.css" media="all" type="text/css"/>
<link rel="stylesheet" href="../themes/krajee-fa/theme.css" media="all" type="text/css"/>
<link rel="stylesheet" href="../themes/krajee-svg/theme.css" media="all" type="text/css"/>
<link rel="stylesheet" href="../themes/krajee-uni/theme.css" media="all" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="../js/star-rating.js" type="text/javascript"></script>
<script src="../js/themes/krajee-fa/theme.js" type="text/javascript"></script>
<script src="../js/themes/krajee-svg/theme.js" type="text/javascript"></script>
<script src="../js/themes/krajee-uni/theme.js" type="text/javascript"></script>
<script src="../themes/krajee-fa/theme.js" type="text/javascript"></script>
<script src="../themes/krajee-svg/theme.js" type="text/javascript"></script>
<script src="../themes/krajee-gly/theme.js" type="text/javascript"></script>
<script src="../themes/krajee-uni/theme.js" type="text/javascript"></script>
<body>
<div class="container">
<div class="page-header">
Expand All @@ -26,15 +37,15 @@ <h2>Bootstrap Star Rating Examples
<div class="page-header">
<h3>Glyphicon Star LTR</h3>
</div>
<input type="text" class="rating rating-loading" value="3.75" data-size="xl" title="">
<input type="text" class="rating rating-loading" value="3.75" data-size="xl" data-theme="krajee-gly" title="">
<br>
<input type="text" class="rating rating-loading" value="2.5" data-size="lg" title="">
<input type="text" class="rating rating-loading" value="2.5" data-size="lg" data-theme="krajee-gly" title="">
<br>
<input type="text" class="rating rating-loading" value="1.75" data-size="md" title="">
<input type="text" class="rating rating-loading" value="1.75" data-size="md" data-theme="krajee-gly" title="">
<br>
<input type="text" class="rating rating-loading" value="4" data-size="sm" title="">
<input type="text" class="rating rating-loading" value="4" data-size="sm" data-theme="krajee-gly" title="">
<br>
<input type="text" class="rating rating-loading" value="2" data-size="xs" title="">
<input type="text" class="rating rating-loading" value="2" data-size="xs" data-theme="krajee-gly" title="">
<br>

<div class="page-header">
Expand All @@ -43,50 +54,49 @@ <h3>Glyphicon Star RTL</h3>
<input type="text" class="kv-gly-star rating-loading" value="3.75" dir="rtl" data-size="xl" title="">
<div class="clearfix"></div>
<br>
<input type="text" class="kv-gly-star rating-loading" value="2.5" dir="rtl" data-size="lg" title="">
<input type="text" class="kv-gly-star rating-loading" value="2.5" dir="rtl" data-size="lg" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>
<input type="text" class="kv-gly-star rating-loading" value="1.75" dir="rtl" data-size="md" title="">
<input type="text" class="kv-gly-star rating-loading" value="1.75" dir="rtl" data-size="md" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>
<input type="text" class="kv-gly-star rating-loading" value="4" dir="rtl" data-size="sm" title="">
<input type="text" class="kv-gly-star rating-loading" value="4" dir="rtl" data-size="sm" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>
<input type="text" class="kv-gly-star rating-loading" value="2" dir="rtl" data-size="xs"
title="">
<input type="text" class="kv-gly-star rating-loading" value="2" dir="rtl" data-size="xs" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>

<div class="page-header">
<h3>Glyphicon Heart LTR</h3>
</div>
<input type="text" class="kv-gly-heart rating-loading" value="3.75" data-size="xl" title="">
<input type="text" class="kv-gly-heart rating-loading" value="3.75" data-size="xl" data-theme="krajee-gly" title="">
<br>
<input type="text" class="kv-gly-heart rating-loading" value="2.5" data-size="lg" title="">
<input type="text" class="kv-gly-heart rating-loading" value="2.5" data-size="lg" data-theme="krajee-gly" title="">
<br>
<input type="text" class="kv-gly-heart rating-loading" value="1.75" data-size="md" title="">
<input type="text" class="kv-gly-heart rating-loading" value="1.75" data-size="md" data-theme="krajee-gly" title="">
<br>
<input type="text" class="kv-gly-heart rating-loading" value="4" data-size="sm" title="">
<input type="text" class="kv-gly-heart rating-loading" value="4" data-size="sm" data-theme="krajee-gly" title="">
<br>
<input type="text" class="kv-gly-heart rating-loading" value="2" data-size="xs" title="">
<input type="text" class="kv-gly-heart rating-loading" value="2" data-size="xs" data-theme="krajee-gly" title="">
<br>

<div class="page-header">
<h3>Glyphicon Heart RTL</h3>
</div>
<input type="text" class="kv-gly-heart rating-loading" value="3.75" dir="rtl" data-size="xl" title="">
<input type="text" class="kv-gly-heart rating-loading" value="3.75" dir="rtl" data-size="xl" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>
<input type="text" class="kv-gly-heart rating-loading" value="2.5" dir="rtl" data-size="lg" title="">
<input type="text" class="kv-gly-heart rating-loading" value="2.5" dir="rtl" data-size="lg" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>
<input type="text" class="kv-gly-heart rating-loading" value="1.75" dir="rtl" data-size="md" title="">
<input type="text" class="kv-gly-heart rating-loading" value="1.75" dir="rtl" data-size="md" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>
<input type="text" class="kv-gly-heart rating-loading" value="4" dir="rtl" data-size="sm" title="">
<input type="text" class="kv-gly-heart rating-loading" value="4" dir="rtl" data-size="sm" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>
<input type="text" class="kv-gly-heart rating-loading" value="2" dir="rtl" data-size="xs" title="">
<input type="text" class="kv-gly-heart rating-loading" value="2" dir="rtl" data-size="xs" data-theme="krajee-gly" title="">
<div class="clearfix"></div>
<br>

Expand Down
Loading

0 comments on commit c301efe

Please sign in to comment.