digicorp / propeller

Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
http://propeller.in
MIT License
1.13k stars 139 forks source link

Enhanced components with jQuery plugins and DOM observer #61

Closed sunil-digicorp closed 6 years ago

sunil-digicorp commented 6 years ago
  1. 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.

  2. 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">.

  3. Enhanced the implementation 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. 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">.

  4. 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.

  5. 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.

  6. 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.

  7. Moved "Expand All and Collapse All" button into pmd-accordion div container.

  8. 27 Resolved time picker numbers crumble issue when up and down arrow keys are pressed from the keyboard.

  9. 42 Removed unnecessary </a> from accordion components.

  10. 38 Fixed TextArea floating label on load/change event.

  11. Removed admin template.

  12. 22 Made text related changes in modal