Fix #460: Update CSS selectors prefix to start with `file`

CHANGE.md

@@ -9,6 +9,7 @@ Change Log: `bootstrap-fileinput`
 2. Implement package.json.
 3. (enh #449): Add Arabic Translations.
 4. (enh #454): Update Turkish Translations.
+5. (enh #460): Update CSS selectors prefix to start with `file`.
 
 ## version 4.2.7
 

css/fileinput.css

@@ -149,7 +149,7 @@
     display: none;
 }
 
-.loading {
+.file-thumb-loading {
     background: transparent url('../img/loading.gif') no-repeat scroll center center content-box !important;
 }
 
@@ -211,7 +211,7 @@
     padding: 85px 10px;
 }
 
-.highlighted {
+.file-highlighted {
     border: 2px dashed #999 !important;
     background-color: #f0f0f0;
 }

js/fileinput.js

@@ -878,7 +878,7 @@
                     e.originalEvent.dataTransfer.dropEffect = 'none';
                     return;
                 }
-                addCss($(this), 'highlighted');
+                addCss($(this), 'file-highlighted');
             }, true);
             handler($zone, 'dragleave', function (e) {
                 e.stopPropagation();
@@ -886,7 +886,7 @@
                 if (self.isDisabled) {
                     return;
                 }
-                $(this).removeClass('highlighted');
+                $(this).removeClass('file-highlighted');
             });
             handler($zone, 'drop', function (e) {
                 e.preventDefault();
@@ -895,7 +895,7 @@
                     return;
                 }
                 self.change(e, 'dragdrop');
-                $(this).removeClass('highlighted');
+                $(this).removeClass('file-highlighted');
             });
             handler($(document), allEvents, function (e) {
                 e.stopPropagation();
@@ -2034,7 +2034,7 @@
                     } else {
                         self.raise('filebatchselected', [files]);
                     }
-                    $container.removeClass('loading');
+                    $container.removeClass('file-thumb-loading');
                     $status.html('');
                     return;
                 }
@@ -2085,7 +2085,7 @@
                 }
                 if ($preview.length > 0 && FileReader !== undefined) {
                     $status.html(msgLoading.replace('{index}', i + 1).replace('{files}', numFiles));
-                    $container.addClass('loading');
+                    $container.addClass('file-thumb-loading');
                     reader.onerror = function (evt) {
                         self.errorHandler(evt, caption);
                     };
@@ -2141,7 +2141,7 @@
                 nFiles = previewCache.count(self.id) + n,
                 log = n > 1 ? self.getMsgSelected(nFiles) : label;
             if (self.isError) {
-                self.$previewContainer.removeClass('loading');
+                self.$previewContainer.removeClass('file-thumb-loading');
                 self.$previewStatus.html('');
                 self.$captionContainer.find('.kv-caption-icon').hide();
             } else {