Updates to release v4.4.5

CHANGE.md

@@ -1,10 +1,11 @@
 Change Log: `bootstrap-fileinput`
 =================================
 
-## version 4.4.5 (_under development_)
+## version 4.4.5
 
-**Date:** 30-Sep-2017
+**Date:** 01-Oct-2017
 
+- Update readme and example index to use plugin's CDN libraries.
 - (enh #1093): Revamp SCSS with better variables and extensions.
 - (enh #1091): Set default button type for close button markup template.
 - (enh #1090): Auto detect intelligently the preview type based on file content.

README.md

@@ -60,31 +60,31 @@ Step 1: Load the following assets in your header.
 ```html
 <!-- bootstrap 4.x is supported. You can also use the bootstrap css 3.3.x versions -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
-<link href="path/to/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
+<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
 <!-- if using RTL (Right-To-Left) orientation, load the RTL CSS file after fileinput.css by uncommenting below -->
-<!-- link href="path/to/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
+<!-- link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput-rtl.min.css" media="all" rel="stylesheet" type="text/css" /-->
 <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <!-- piexif.min.js is only needed for restoring exif data in resized images and when you 
     wish to resize images before upload. This must be loaded before fileinput.min.js -->
-<script src="path/to/js/plugins/piexif.min.js" type="text/javascript"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/piexif.min.js" type="text/javascript"></script>
 <!-- sortable.min.js is only needed if you wish to sort / rearrange files in initial preview. 
     This must be loaded before fileinput.min.js -->
-<script src="path/to/js/plugins/sortable.min.js" type="text/javascript"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/sortable.min.js" type="text/javascript"></script>
 <!-- purify.min.js is only needed if you wish to purify HTML content in your preview for 
     HTML files. This must be loaded before fileinput.min.js -->
-<script src="path/to/js/plugins/purify.min.js" type="text/javascript"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/purify.min.js" type="text/javascript"></script>
 <!-- popper.min.js below is needed if you use bootstrap 4.x. You can also use the bootstrap js 
    3.3.x versions without popper.min.js. -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
 <!-- bootstrap.min.js below is needed if you wish to zoom and preview file content in a detail modal
     dialog. bootstrap 4.x is supported. You can also use the bootstrap js 3.3.x versions. -->
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" type="text/javascript"></script>
 <!-- the main fileinput plugin file -->
-<script src="path/to/js/fileinput.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/fileinput.min.js"></script>
 <!-- optionally if you need a theme like font awesome theme you can include it as mentioned below -->
-<script src="path/to/js/fa.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/themes/fa/theme.js"></script>
 <!-- optionally if you need translation for your language then include  locale file as mentioned below -->
-<script src="path/to/js/(lang).js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/(lang).js"></script>
 ```
 
 If you noticed, you need to load the `jquery.min.js` and `bootstrap.min.css` in addition to the `fileinput.min.css` and `fileinput.min.js`. The theme file `themes/fa/theme.js` can be optionally included for the font awesome icons styling. The locale file `<lang>.js` can be optionally included for translating for your language if needed.

css/fileinput-rtl.css

@@ -13,67 +13,86 @@
 .kv-rtl .close, .kv-rtl .krajee-default .file-actions, .kv-rtl .krajee-default .file-other-error {
     float: left;
 }
+
 .kv-rtl .krajee-default.file-preview-frame, .kv-rtl .krajee-default .file-drag-handle, .kv-rtl .krajee-default .file-upload-indicator {
     float: right;
 }
+
 .kv-rtl .file-zoom-dialog, .kv-rtl .file-error-message pre, .kv-rtl .file-error-message ul {
     text-align: right;
 }
+
 .kv-rtl {
     direction: rtl;
 }
+
 .kv-rtl .floating-buttons {
     left: 10px;
     right: auto;
 }
+
 .kv-rtl .floating-buttons .btn-kv {
     margin-left: 0;
     margin-right: 3px;
 }
+
 .kv-rtl .file-caption-icon {
     left: auto;
     right: 8px;
 }
+
 .kv-rtl .file-drop-zone {
     margin: 12px 12px 12px 15px;
 }
+
 .kv-rtl .btn-prev {
     right: 1px;
     left: auto;
 }
+
 .kv-rtl .btn-next {
     left: 1px;
     right: auto;
 }
+
 .kv-rtl .pull-right, .kv-rtl .float-right {
     float: left !important;
 }
+
 .kv-rtl .pull-left, .kv-rtl .float-left {
     float: right !important;
 }
+
 .kv-rtl .kv-zoom-title {
     direction: ltr;
 }
+
 .kv-rtl .krajee-default.file-preview-frame {
     box-shadow: -1px 1px 5px 0 #a2958a;
 }
+
 .kv-rtl .krajee-default.file-preview-frame:not(.file-preview-error):hover {
     box-shadow: -3px 3px 5px 0 #333;
 }
+
 .kv-rtl .kv-zoom-actions .btn-kv {
     margin-left: 0;
     margin-right: 3px;
 }
+
 .kv-rtl .file-caption.icon-visible .file-caption-name {
     padding-left: 0;
     padding-right: 15px;
 }
+
 .kv-rtl .input-group-btn:last-child > .btn {
     border-radius: 4px 0 0 4px;
 }
+
 .kv-rtl .input-group .form-control:first-child {
     border-radius: 0 4px 4px 0;
 }
+
 .kv-rtl .btn-file input[type=file] {
     right: auto;
     left: 0;