Giter Club home page Giter Club logo

reusable-admin-panel's Introduction

Description

Reusable Admin Panel Preview

Our goal was to create a reuseable admin panel that can be used by various plugins without having to build or include classes of the same code in multiple plugins, while at the same time being quick to setup.

Download the example plugin to get up and running as quick as possible.

Is this on the WordPress Repository?

Yes, we do have it listed on the WordPress Repository. We had a few suggestions come our way and wanted to make it easier for those that wanted to contribute to making Reusable Admin Panel even more awesome.

Features

  • Bootstrap
  • Font-Awesome Field Info Buttons and Sidebar Info Helper
  • jQuery Dynamic Navigation
  • Validation using validator.js
  • Automatic sanitization and saving of options
  • Method built to easily get individual options
  • Settings Grouped Under One Option in Database (Saved as Multi-Dimensional Array)
  • Bootstrap Spinner Preloader (Prevents Layout Shifting on Load)
  • Removes notices from other plugins when displaying admin panel
  • Prevent users from deactivating by displaying a sweetalert2 to deactivate the plugin using the dependency.

Fields

  • Switch
  • Text
  • [NEW] Textarea
  • Email
  • URL
  • Password
  • Number
  • Dropdown
  • Date
  • Time
  • Color
  • Dropdown Toggle - Additional fields can be added under a dropdown which show/hide based on selected option
  • Button - Add multiple buttons that can link or be targeted in custom JS

Installation

  1. Backup WordPress
  2. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
  3. Activate the plugin through the 'Plugins' screen in WordPress

Frequently Asked Questions

Who is this built for?

This is purely for developers to help streamline their development process by making it easier to produce a settings page for their plugins.

Changelog

1.0.6

  • Added: Textarea input
  • Added: Callback to handle errors. Used when conditionally adding fields and needing an error to display.
  • Bugfix: URL to have example url as placeholder instead of label
  • Bugfix: Dropdowns to have Select Option as placeholder instead of the label

1.0.5

  • Updated: Removed plugin name from panel h2
  • Updated: Options panel to have a minimum height based on the height of tabs
  • Bugfix: Labels for input-group-text not resizing properly
  • Optimization: Restructured settings.js to be more readable

1.0.4

  • Updated: Label styling to be next to the field for a cleaner look
  • Bugfix: Tab indexing
  • Bugfix: Handling of multiple fields for dropdown toggle
  • Bugfix: Dropdown field not full width

1.0.3

  • Added: dropdown_toggle field can add additional fields under a dropdown which show/hide based on selected option
  • Added: Support for button fields
  • Added: Support for custom JS to take advantage of button fields and other custom needs
  • Added: Ability to use SweetAlert2 function in custom js
  • Added: Plugin name to section titles
  • Added: Ability to add classes to fields
  • Optimized: Sanitization method
  • Bugfix: Scroll to top on info button click

1.0.2

  • Bugfix: Warning on initial activation
  • Bugfix: Bootstrap 5 toggle button not displaying

1.0.1

  • Bugfix: Default logo not showing if config is not set

1.0.0

  • Initial Release

reusable-admin-panel's People

Contributors

polyplugins avatar

Stargazers

Nick Woolley avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.