Pixelstrap - Admin Document

Folder Structure

To make the code more re-usable we have created multiple components that can be reused. This makes refactoring the code effecient and saves a lot of time for the developers.

We have used the best folder structure to keep all the common types of code separate from each other.

Cuba
- assets
  - ajax
    - api.txt
    - arrays.txt
    - object.txt
    - object_nested.txt
    - orthogonal.txt
    - post.php
    - server-processing.php
  - audio
    - horse.ogg
  - css
    - vendors
      - bootstrap
        
        bootstrap-grid.css
        
        bootstrap-reboot.css
        
        bootstrap-utilities.css
        
        bootstrap.css
      - animate.css
      - aos.css
      - bootstrap.css
      - button-builder.css
      - calendar.css
      - chartist.css
      - color-1.css
      - color-2.css
      - color-3.css
      - color-4.css
      - color-5.css
      - color-6.css
      - datatable-extension.css
      - datatables.css
      - date-picker.css
      - daterange-picker.css
      - dropzone.css
      - feather-icon.css
      - flag-icon.css
      - fontawesome.css
      - icofont.css
      - image-cropper.css
      - ionic-icon.css
      - jsgrid.css
      - mapsjs-ui.css
      - material-design-icon.css
      - owlcarousel.css
      - page-builder.css
      - pe7-icon.css
      - photoswipe.css
      - print.css
      - prism.css
      - range-slider.css
      - rating.css
      - responsive.css
      - scrollable.css
      - select2.css
      - simple-line-icon.css
      - simple-mde.css
      - sticky.css
      - style.css
      - summernote.css
      - svg-icon.css
      - sweetalert2.css
      - themify.css
      - timepicker.css
      - todo.css
      - tour.css
      - tree.css
      - typicon-icon.css
      - vector-map.css
      - vertical-menu.css
      - whether-icon.css
    - color-1.css
    - color-2.css
    - color-3.css
    - color-4.css
    - color-5.css
    - color-6.css
    - fontawesome.css
    - responsive.css
    - style.css
  - fonts
    - calendar
    - feather
    - flag-icon
    - font-awesome
    - ico
    - ionic-icon
    - material-design-icon
    - pe7-icon
    - simple-line-icon
    - summernote
    - themify
    - typicon-icon
  - images
    - appointment
    - avtar
    - banner
    - big-lightgallry
    - big-masonry
    - blog
    - button_builder
    - calender
    - checkout
    - dashboard
    - dashboard-2
    - ecommerce
    - email
    - email-template
    - faq
    - job-search
    - landing
    - lightgallry
    - logo
    - masonry
    - notification
    - other-images
    - product
    - range-slider
    - sidebar-image
    - sidebar-pattern
    - slider
    - slider-auto-width
    - social-app
    - tree
    - user
    - user-card
    - welcome
    - color-picker.png
    - cuba-logo1.png
    - favicon.png
    - hour.svg
    - js-grid.png
    - min.svg
    - sec.svg
    - settings.png
    - smiley.png
    - sort_asc.png
    - sort_asc_disabled.png
    - sort_both.png
    - sort_desc.png
    - sort_desc_disabled.png
    - User.jpg
  - js
    - animation
      - animate-custom.js
      - aos
        
        aos.js
        
        aos-init.js
      - scroll-reveal
        
        reveal-custom.js
        
        scrollreveal.min.js
      - tilt
        
        tilt.jquery.js
        
        tilt-custom.js
      - wow
        
        wow.min.js
        
        wow-init.js
    - bookmark
      - custom.js
      - jquery.validate.min.js
    - bootstrap
      - bootstrap.js
      - popper.min.js
    - button-builder
      - clipboard.min.js
      - colorpicker.js
      - extend-1.0.js
      - generator.js
    - calendar
      - app.js
      - calendars.js
      - chance.min.js
      - inital.js
      - moment.min.js
      - schedules.js
      - tui-calendar.js
      - tui-code-snippet.min.js
      - tui-date-picker.min.js
      - tui-time-picker.min.js
    - chart
      - apex-chart
        
        apex-chart.js
        
        chart-custom.js
        
        moment.min.js
        
        stock-prices.js
      - chartist
        
        chartist.js
        
        chartist-custom.js
        
        chartist-plugin-tooltip.js
      - chartjs
        
        chart.custom.js
        
        chart.min.js
      - flot-chart
        
        excanvas.js
        
        excanvas.min.js
        
        flot-script.js
        
        jquery.flot.canvas.js
        
        jquery.flot.categories.js
        
        jquery.flot.crosshair.js
        
        jquery.flot.errorbars.js
        
        jquery.flot.fillbetween.js
        
        jquery.flot.image.js
        
        jquery.flot.js
        
        jquery.flot.navigate.js
        
        jquery.flot.pie.js
        
        jquery.flot.resize.js
        
        jquery.flot.selection.js
        
        jquery.flot.stack.js
        
        jquery.flot.symbol.js
        
        jquery.flot.threshold.js
        
        jquery.flot.time.js
        
        jquery.js
      - google
        
        google-chart.js
        
        google-chart-loader.js
      - knob
        
        knob.min.js
        
        knob-chart.js
      - morris-chart
        
        morris.js
        
        morris.min.js
        
        morris-script.js
        
        prettify.min.js
        
        raphael.js
      - peity-chart
        
        peity.jquery.js
        
        peity-custom.js
      - sparkline
        
        sparkline.js
        
        sparkline-script.js
    - clipboard
      - clipboard.min.js
      - clipboard-script.js
    - contacts
      - custom.js
    - counter
      - counter-custom.js
      - jquery.counterup.min.js
      - jquery.waypoints.min.js
    - custom-card
      - custom-card.js
    - dashboard
      - dashboard_2.js
      - default.js
    - datatable
      - datatable-extension
        
        buttons.bootstrap4.min.js
        
        buttons.colVis.min.js
        
        buttons.html5.min.js
        
        buttons.print.min.js
        
        custom.js
        
        dataTables.autoFill.min.js
        
        dataTables.bootstrap4.min.js
        
        dataTables.buttons.min.js
        
        dataTables.colReorder.min.js
        
        dataTables.fixedHeader.min.js
        
        dataTables.keyTable.min.js
        
        dataTables.responsive.min.js
        
        dataTables.rowReorder.min.js
        
        dataTables.scroller.min.js
        
        dataTables.select.min.js
        
        jszip.min.js
        
        pdfmake.min.js
        
        responsive.bootstrap4.min.js
        
        vfs_fonts.js
      - datatables
        
        datatable.custom.js
        
        jquery.dataTables.min.js
    - datepicker
      - date-picker
        
        datepicker.custom.js
        
        datepicker.en.js
        
        datepicker.js
      - daterange-picker
        
        daterangepicker.js
        
        daterange-picker.custom.js
        
        moment.min.js
      - date-time-picker
        
        datetimepicker.custom.js
        
        moment.min.js
        
        tempusdominus-bootstrap-4.min.js
    - dragable
      - jquery-ui.min.js
      - sortable.js
      - sortable-custom.js
    - drilldown
      - dropdown-collapse-main.js
      - dropdown-coolapse-menu-aim.js
    - dropzone
      - dropzone.js
      - dropzone-scrip.js
      - dropzone-script.js
    - editor
      - ace-editor
        
        ace.js
        
        ace-custom.js
        
        mode-css.js
        
        mode-html.js
        
        mode-javascript.js
        
        mode-php.js
        
        theme-monokai.js
        
        worker-css.js
        
        worker-html.js
        
        worker-javascript.js
        
        worker-php.js
      - ckeditor
        
        adapters
        
        jquery.js
        
        build-config.js
        
        ckeditor.custom.js
        
        ckeditor.js
        
        config.js
        
        contents.css
        
        lang
        
        plugins
        
        skins
        
        styles.js
      - simple-mde
        
        simplemde.custom.js
        
        simplemde.min.js
      - summernote
        
        summernote.custom.js
        
        summernote.js
    - form-builder
      - form-builder-1
        
        main-built.js
        
        require.js
      - form-builder-2
        
        beautifyhtml.js
        
        form-builder-2.js
    - form-wizard
      - form-wizard.js
      - form-wizard-five.js
      - form-wizard-three.js
      - form-wizard-two.js
      - jquery.backstretch.min.js
    - icons
      - feather-icon
        
        feather.min.js
        
        feather-icon.js
        
        feather-icon-clipart.js
      - flag-icon-clipart.js
      - icon-clipart.js
      - icons-notify.js
      - whether-icon-clipart.js
    - image-cropper
      - cropper.js
      - cropper-main.js
    - internationalization
      - language-picker.js
    - jarallax_libs
      - jarallax.js
      - libs.min.js
    - jsgrid
      - griddata.js
      - jsgrid.js
      - jsgrid.min.js
    - map-js
      - custom.js
      - download.png
      - mapsjs-core.js
      - mapsjs-mapevents.js
      - mapsjs-service.js
      - mapsjs-ui.js
    - notify
      - bootstrap-notify.min.js
      - index.js
      - notify-script.js
    - owlcarousel
      - owl.carousel.js
      - owl-custom.js
    - page-builder
      - ckeditor.js
      - config.js
      - jquery.grideditor.min.js
      - jquery.js
      - lang
      - page-builder-custom.js
      - skins
      - styles.js
    - photoswipe
      - photoswipe.js
      - photoswipe.min.js
      - photoswipe-ui-default.min.js
    - prism
      - prism.min.js
    - range-slider
      - ion.rangeSlider.min.js
      - rangeslider-script.js
    - rating
      - jquery.barrating.js
      - rating-script.js
    - scrollable
      - perfect-scrollbar.min.js
      - scrollable-custom.js
    - select2
      - select2.full.min.js
      - select2-custom.js
    - sticky
      - sticky.js
    - sweet-alert
      - app.js
      - sweetalert.min.js
    - task
      - custom.js
    - theme-customizer
      - customizer.js
    - timeline
      - timeline-v-1
        
        main.js
      - timeline-v-2
        
        jquery.timeliny.min.js
        
        timeline-v-2-custom.js
    - time-picker
      - clockpicker.js
      - highlight.min.js
      - jquery-clockpicker.min.js
    - todo
      - todo.js
    - touchspin
      - input-groups.min.js
      - touchspin.js
      - vendors.min.js
    - tour
      - intro.js
      - intro-init.js
    - tree
      - jstree.min.js
      - tree.js
    - typeahead
      - data
      - handlebars.js
      - typeahead.bundle.js
      - typeahead.custom.js
    - vector-map
      - jquery-jvectormap-2.0.2.min.js
      - map
      - map-vector.js
    - button-tooltip-custom.js
    - chart-widget.js
    - comapct-menu.js
    - config.js
    - countdown.js
    - ecommerce.js
    - email-app.js
    - form-validation-custom.js
    - fullscreen.js
    - general-widget.js
    - height-equal.js
    - hide-on-scroll.js
    - isotope.pkgd.js
    - jquery.drilldown.js
    - jquery.ui.min.js
    - jquery-3.5.1.min.js
    - landing_sticky.js
    - login.js
    - masonry-gallery.js
    - megamenu.js
    - modal-animated.js
    - modernizr.js
    - popover-custom.js
    - print.js
    - product-list-custom.js
    - product-tab.js
    - radial-chart-tooltip.js
    - script.js
    - scrollpy_landing.js
    - sidebar-menu.js
    - support-ticket-custom.js
    - tooltip-init.js
  - json
    - datatable-extension
      - data.txt
    - airports.json
    - German.json
    - server-side.json
  - scss
    - base
      - _reset.scss
      - _typography.scss
    - components
      - _according.scss
      - _alert.scss
      - _avatars.scss
      - _badge.scss
      - _bookmark.scss
      - _breadcrumb.scss
      - _builders.scss
      - _buttons.scss
      - _card.scss
      - _color.scss
      - _datatable.scss
      - _datepicker.scss
      - _dropdown.scss
      - _dropzone.scss
      - _form-builder.scss
      - _form-input.scss
      - _form-wizard.scss
      - _forms.scss
      - _form_builder-2.scss
      - _general.scss
      - _icons.scss
      - _list.scss
      - _loader.scss
      - _popover.scss
      - _print.scss
      - _radio.scss
      - _ribbon.scss
      - _switch.scss
      - _tab.scss
      - _table.scss
      - _touchspin.scss
      - _tour.scss
      - _tree.scss
      - _typeahead-search.scss
    - layout
      - _box-layout.scss
      - _footer.scss
      - _grid.scss
      - _header.scss
      - _navs.scss
      - _rtl.scss
      - _search.scss
      - _select2.scss
      - _sidebar.scss
    - pages
      - _blog.scss
      - _bookmark-app.scss
      - _cart.scss
      - _chart.scss
      - _chat.scss
      - _checkout.scss
      - _comingsoon.scss
      - _contacts.scss
      - _dashboard_2.scss
      - _dashboard_default.scss
      - _ecommerce.scss
      - _email-application.scss
      - _errorpage.scss
      - _faq.scss
      - _file.scss
      - _gallery.scss
      - _internationalization.scss
      - _job-search.scss
      - _jsgrid.scss
      - _kanban.scss
      - _knowledgebase.scss
      - _landing.scss
      - _language.scss
      - _learning.scss
      - _login.scss
      - _megaoption.scss
      - _order-history.scss
      - _page.scss
      - _pricing.scss
      - _progress.scss
      - _projectlist.scss
      - _social-app.scss
      - _task.scss
      - _timeline-v.scss
      - _timeliny.scss
      - _user-profile.scss
      - _wishlist.scss
    - themes
      - _dark-sidebar.scss
      - _dark.scss
      - _document.scss
      - _responsive.scss
      - _theme-customizer.scss
    - utils
      - _variables.scss
    - vendors
      - chartist.scss
      - feather-icon.scss
      - flag-icon.css
      - icofont.scss
      - image-cropper.scss
      - ionic-icon.scss
      - page-builder.scss
      - scrollable.scss
      - select2.scss
      - simple-line-icon.scss
      - simple-mde.scss
      - sticky.scss
      - summernote.scss
      - svg-icon.scss
      - sweetalert2.scss
      - themify.scss
      - timepicker.scss
      - todo.scss
      - tour.scss
      - tree.scss
      - typicon-icon.scss
      - vector-map.scss
      - whether-icon.scss
      - chartist
        
        _chartist-settings.scss
        
        _chartist.scss
      - feather-icon
        
        _feather-icon.scss
      - flag-icon
        
        _flag-icon-base.scss
        
        _flag-icon-list.scss
        
        _flag-icon-more.scss
      - font-awesome
        
        _animated.scss
        
        _bordered-pulled.scss
        
        _core.scss
        
        _fixed-width.scss
        
        _icons.scss
        
        _larger.scss
        
        _list.scss
        
        _mixins.scss
        
        _path.scss
        
        _rotated-flipped.scss
        
        _screen-reader.scss
        
        _stacked.scss
        
        _variables.scss
      - icoicon
        
        _icons.scss
      - image-cropper
        
        _cropper-custom.scss
        
        _cropper-main.scss
      - ionic-icon
        
        _ionicons-font.scss
        
        _ionicons-icons.scss
        
        _ionicons-variables.scss
      - page-builder
        
        _page-builder.scss
      - scrollable
        
        _scrollable.scss
      - select2
      - simple-line-icon
        
        _simple-line-icons.scss
      - simple-mde
        
        _elements.scss
        
        _simplemde.scss
      - sticky
        
        _sticky.scss
      - summernote
        
        _elements.scss
        
        _fonts.scss
        
        _summernote-bs4.scss
      - svg-icon
        
        _svg-icon.scss
      - sweetalert2-master
        
        _animations.scss
        
        _mixins.scss
        
        _toasts.scss
        
        _variables.scss
      - themify
        
        _core.scss
        
        _extras.scss
        
        _icons.scss
        
        _mixins.scss
        
        _path.scss
        
        _themify-icons.scss
        
        _variables.scss
      - time-picker
        
        _timepicker.scss
      - todo
        
        _todo.scss
      - tour
        
        _tour.scss
      - tree
        
        _tree-default.scss
        
        _tree.scss
      - typicon-icon
        
        _typicon-icon.scss
      - vector-map
        
        _vector-map.scss
      - whether-icon
        
        _whether-icon.scss
  - video
    - auth-bg.mp4
- themes
  - partial
    - breadcrumb.php
    - footer-end.php
    - footer.php
    - header.php
    - loader.php
    - scripts.php
    - sidebar.php
    - style.php
    - topbar.php
- according.php
- ace-code-editor.php
- add-post.php
- alert.php
- animate.php
- AOS.php
- avatars.php
- base-input.php
- basic-card.php
- basic-template.php
- blog-single.php
- blog.php
- bookmark.php
- bootstrap-basic-table.php
- bootstrap-border-table.php
- bootstrap-notify.php
- bootstrap-sizing-table.php
- bootstrap-styling-table.php
- box-layout.php
- box-shadow.php
- breadcrumb.php
- button-builder.php
- button-group.php
- buttons-edge.php
- buttons-flat.php
- buttons.php
- calendar-basic.php
- cart.php
- chart-apex.php
- chart-flot.php
- chart-google.php
- chart-knob.php
- chart-morris.php
- chart-peity.php
- chart-sparkline.php
- chart-widgets.php
- chartist.php
- chartjs.php
- chat-video.php
- chat.php
- checkout.php
- ckeditor.php
- clipboard.php
- comingsoon-bg-img.php
- comingsoon-bg-video.php
- comingsoon.php
- contact.php
- creative-card.php
- datatable-advance.php
- datatable-AJAX.php
- datatable-API.php
- datatable-basic-init.php
- datatable-data-source.php
- datatable-ext-autofill.php
- datatable-ext-basic-button.php
- datatable-ext-col-reorder.php
- datatable-ext-fixed-header.php
- datatable-ext-html-5-data-export.php
- datatable-ext-key-table.php
- datatable-ext-responsive.php
- datatable-ext-row-reorder.php
- datatable-ext-scroller.php
- datatable-plugin.php
- datatable-server-side.php
- datatable-styling.php
- daterangepicker.php
- datetimepicker.php
- default-form.php
- dragable-card.php
- dropdown.php
- dropzone.php
- e-commerce.php
- echarts.php
- ecommerce-templates.php
- edit-profile.php
- email-application.php
- email-compose.php
- email-header.php
- email-order-success.php
- error-400.php
- error-401.php
- error-403.php
- error-404.php
- error-500.php
- error-503.php
- faq.php
- feather-icon.php
- file-manager.php
- flag-icon.php
- font-awesome.php
- footer-dark.php
- footer-fixed.php
- footer-light.php
- forget-password.php
- form-builder-1.php
- form-builder-2.php
- form-validation.php
- form-wizard-three.php
- form-wizard-two.php
- form-wizard.php
- gallery-hover.php
- gallery-masonry.php
- gallery-with-description.php
- gallery.php
- general-widgets.php
- grid.php
- helper-classes.php
- hide-on-scroll.php
- ico-icon.php
- image-cropper.php
- index.php
- input-group.php
- internationalization.php
- invoice-template.php
- job-apply.php
- job-cards-view.php
- job-details.php
- job-list-view.php
- jsgrid-table.php
- kanban.php
- knowledgebase.php
- layout-dark.php
- layout-rtl.php
- learning-detailed.php
- learning-list-view.php
- list-products.php
- list-wish.php
- list.php
- loader.php
- login_one.php
- login_two.php
- login-bs-tt-validation.php
- login-bs-validation.php
- login-sa-validation.php
- login.php
- maintenance.php
- map-js.php
- masonry-gallery-with-disc.php
- megaoptions.php
- modal-animated.php
- modal.php
- order-history.php
- owl-carousel.php
- pagebuild.php
- pagination.php
- payment-details.php
- popover.php
- pricing.php
- product-page.php
- product.php
- progress-bar.php
- projectcreate.php
- projects.php
- radio-checkbox-control.php
- raised-button.php
- range-slider.php
- rating.php
- reset-password.php
- ribbons.php
- sample-page.php
- scroll-reval.php
- scrollable.php
- search.php
- select2.php
- sign-up-one.php
- sign-up-two.php
- sign-up-wizard .php
- sign-up.php
- simple-MDE.php
- social-app.php
- state-color.php
- sticky.php
- summernote.php
- support-ticket.php
- sweet-alert2.php
- switch.php
- tab-bootstrap.php
- tab-material.php
- tabbed-card.php
- table-components.php
- tag-pills.php
- task.php
- template-email-2.php
- template-email.php
- themify-icon.php
- tilt.php
- time-picker .php
- timeline-v-1 .php
- timeline-v-2.php
- to-do.php
- tooltip.php
- touchspin.php
- tour.php
- tree.php
- typeahead.php
- typography.php
- unlock.php
- user-cards.php
- user-profile.php
- vector-map.php
- whether-icon.php
- wow.php

cuba

This folder contains all the other files and folders related to the project. Information regarding those folders is given below.

assets

Apart from the html we require many other files to make our website more interative and attractive. These type of files are stored in this folder. It contains all the scss files , images, and the javascript files. We recommend you keep the name of the folder "assets" as it is saved as the default path for accessing the public files.

themes

This is the main folder where all the "themes" files are there Saved as the default folder name from which view files are shown.will be accessed. So we advice that you do not change the name of this folder as well. This folder contains all the view files, if you need to make changes in the '.php ', you will have to find that file in this folder.