Propeller Files

Highlights

• Created jQuery plugins to initialize the components while fetching the data dynamically. Also, we have used DOM Observer which will auto re-initialize the components while updating the DOM.
• Enhanced scrollable tabs component, removed <div class="pmd-tabs-scroll"> and <div class="pmd-tabs-scroll-container"> which were earlier needed to create scrollable tabs. We have replaced them with scroll attribute which holds value true or false. For example: <div class="pmd-tabs" scroll="true">.
• Enhanced the implementation of multiple sidebars in a single page by adding the data-target attribute, whose value will be the id of the aside/div to be called. For example, If data-target=''basicSidebar" is added in the anchor tag - <a href="javascript:void(0);" data-target="basicSidebar></a>, the same id="basicSidebar" needs to be added in the sidebar container <aside id="basicSidebar" class="pmd-sidebar">.
• To create different types of sidebars, we have removed sidebar configuration classes .pmd-sidebar-slide-push, .pmd-sidebar-left-fixed, .pmd-sidebar-left and .pmd-sidebar-open from .pmd-sidebar and replaced them with data attributes data-position=”slidepush/fixed”, data-placement="left/right" and is-open="true/false" respectively.
• Added is-open-width="1000" data attribute in the anchor tag of the sidebar so that the sidebar will remain closed for the device whose width is less than 1000px.
• Removed bootstrap-hover-dropdown.js file from the library and merged the JS into dropdown.js. So now, to add a hover effect in the Dropdown component, only .pmd-dropdown-hover class is to be added. Also no need to add initialize function.
• Moved "Expand All and Collapse All" button into pmd-accordion div container.
• Resolved time picker numbers crumble issue when up and down arrow keys are pressed from the keyboard.
• Removed unnecessary </a> from accordion components.
• Fixed TextArea floating label on load/change event.
• Removed admin template.
• Made text related changes in modal.
• Fixed floating label issue in select2.

### Added

JS

• #02b313d Added DOM Observer which will auto re-initialize the components while updating the DOM.
• #51c06fd Added jQuery plugins to initialize the components while fetching the data dynamically.

JS, Docs

• #ef8d88c, #969f1c4 Added feature of multiple sidebars in a single page by adding the data-target attribute and the value of this data-target attribute will be the id of the aside/div to be called.
• #ef8d88c, #969f1c4 Added is-open-width="1000" data attribute in the anchor tag of the sidebar so that the sidebar will remain closed for the device whose width is less than 1000px.

Updated

JS

• #51c06fd Enhanced components with jQuery plugins and DOM observer following the coding standards.
• #cd96caa, #13c4335 Removed bootstrap-hover-dropdown.js file from the library and merged the JS into dropdown.js. So now, to add a hover effect in the Dropdown component, only .pmd-dropdown-hover class is to be added. Also no need to add initialize function.

JS, Docs

• #534ffb1, #65088ee Enhanced scrollable tabs component, removed <div class="pmd-tabs-scroll"> and <div class="pmd-tabs-scroll-container"> which were earlier needed to create scrollable tabs. We have replaced them with scroll attribute which holds value true or false. For example: <div class="pmd-tabs" scroll="true">.
• #ef8d88c, #969f1c4 To create different types of sidebars, we have removed the sidebar configuration classes and replaced them with necessary data attributes.

Docs

• #af02321 Moved "Expand All and Collapse All" button into pmd-accordion div container.

Fixed

JS

• #e5406a5: Resolved time picker numbers crumble issue when up and down arrow keys are pressed from the keyboard.
• #67fa463Fixed the TextArea floating label on load/change.
• #8c71064 Fixed floating label issue in select2.

Docs

• Fixed text-related bugs in modal.

CSS

• #f34ba7e Fixed right sidebar appears issue while the page load or reference.

Removed

Docs

• #386193a Removed admin template.
• #d3bdc73 Removed unnecessary from accordion components.