sgnetworksindia / sgnuikit Goto Github PK

SGNUIKit is a very powerful UI kit designed to allow web developers use the power of the kit to build efficient and beautiful websites. SGNUIKit is currently being used in all the websites by SGNetworks.

License: Other

CSS 21.03% JavaScript 59.81% SCSS 5.56% Less 3.08% HTML 10.07% Handlebars 0.02% Stylus 0.43%

css3 design javascript ui-components uikit jquery ui sgnuikit css progressive-web-app pwa web

sgnuikit's Introduction

The SGNUIKit

SGNUIKit is a very powerful UI kit designed to allow web developers use the power of the kit to build efficient and beautiful websites. SGNUIKit is currently being used in all the websites by SGNetworks. SGNUIKit is released under its exclusive license SGN CS License v1.1.

REQUIREMENTS

Current SGNUIKit Version: 1.2.1

Core Requirements

Technology	Version	Link
jQuery	3.6.3	https://jquery.com/download/

Note: If the dependencies omitted, it will neither break the features nor impact the performance of SGNUIKit as it comes built-in with SGNUIKit and the built-in dependencies will be used.

Web Standards Compatibility (Web 2.0)

Technology	Version (Minimum)	Version (Maximum)	Notes
CSS	2.0	3.0	Some layouts might break in minimum version
JavaScript	ES4	ES6	Some functions might break in minimum version

INSTALLATION

Download the latest version of SGNUIKit from: sgnuikit.lib.sgnetworks.eu.org/downloads or github.com/SGNetworksIndia/SGNUIKit/releases, and extract the archive on the on any directory you want (preferably, /assets/vendor/).

Now add the following line of code <script src="/assets/vendor/SGNUIKit/js/SGNUIKit.loader.js"></script> between the <head></head> tags. And the rest will be taken care of by the loader.

Now you are ready to start developing your website using SGNUIKit. For more information, read the documentation.

We suggest you to set up AppCache and a Service Worker to enable caching. Doing so will make the web pages to load faster and your website will be able to load even in offline and there are many other good reasons to set up AppCache and a Service Worker, one of them is it enables you to use Push Notification service. We recommend you to do this as the main script is larger than 1MB (approximately, 3.6MB).

DOCUMENTATION

The documentation for SGNUIKit is available at sgnuikit.lib.sgnetworks.eu.org/docs and a tutorial on setting up a Progressive Web App (PWA) using JavaScript which be found at freecodecamp.org/news.

KNOWN BUGS

No known bugs till the release.

UPCOMING FEATURES

There are many features are staged to be implemented in the upcoming releases. The currently planned features awaiting to be implemented are:

- BottomSheets (like Android Material Design)
- Windows (like desktop windows)
- File (Image) upload preview (crop)
- Drag & Drop Panels/Cards
- Themes
And many more...

CONTRIBUTING

To contribute on the SGNUIKit Core, send an email on [email protected] with the following information:

Your real name
Your GitHub Username
Your contact E-mail ID (where you can be reached)
Describing your skills and an idea on how the upcoming features can be implemented

If you are selected, you'll receive an email from the core development team with all the information required to move forward.

Or if you have a new feature which can be added in the SGNUIKit Core, just email to [email protected] with your proposal.

Or if you found a bug or error which need to be fixed create an issue at issues or if you think you can fix the issue, report the bug to [email protected] explaining the issue you found.

CREDITS

SGNUIKit is being developed by Team SGNUIKit in association with SGNetworks and Indiosco Technologies Private Limited.

Team SGNUIKit

Project Head & Lead Developer: Sagnik Ganguly (SGN)

Project Manager & Coordinator: Pallab Mukherjee (ITPL)

sgnuikit's People

Contributors

Stargazers

sgnuikit's Issues

AutoGrid Utility class '.col-5' works same as '.col-4'

Describe the bug

AutoGrid Utility class '.col-5' has no effect, other than working the same as '.col-4' does.

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser: [e.g. chrome, safari]
Version: [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

SGNForm component select not working

Describe the bug

The SGNForm component select has been broken since version 1.1.1. Please fix the issue as soon as possible.

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: Windows 11
Browser: Mozilla Firefox 103
Version: 1.1.1

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

SGNUIKit Loader is not working [v1.1.1]

Describe the bug
The SGNUIKit Loader is not working from v1.1.1. It worked ideally prior to version 1.1.1.

To Reproduce
Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: Windows 11
Browser Mozilla Firefox v103.0 (x64)
Version 1.1.1

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

Additional context
Add any other context about the problem here.

SGNForm component file input not working

Describe the bug

The SGNForm component select has been broken since version 1.1.2. Please fix the issue as soon as possible.

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: Windows 11
Browser: Mozilla Firefox 103
Version: 1.1.1

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

Add component: Cascaded Cards and Cards with Images or Videos

Is your feature request related to a problem? Please describe.
There's no option to create a card with an image on the top/bottom/middle of the card and cascading effect.

Describe the solution you'd like
Please provide an update to allow create cascaded cards and cards with an image/video.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

The CKEditor plugin has been broken [v1.1.1]

Describe the bug

The CKEditor plugin has been broken in version 1.1.1. Please fix the issue as soon as possible.

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: Windows 11
Browser: Mozilla Firefox 103
Version: 1.1.1

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

Uncaught error: $pageNav is undefined in addon: SGNFullPage

Describe the bug

Uncaught error: $pageNav is undefined in the addon: SGNFullPage. This error prevents 'SGNFullPage' from initializing properly after re-entering the 'SGNFullPage' container from scrolling further from 'SGNFullPage'.

To Reproduce

Steps to reproduce the behavior:

Scroll further from 'SGNFullPage' and then re-enter the 'SGNFullPage'.

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser: [e.g. chrome, safari]
Version: [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

Padding Utility classes 'px-' & 'py-' are not working

Describe the bug

The Padding Utility classes 'px-' & 'py-' are not working

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser: [e.g. chrome, safari]
Version: [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

Uncaught ReferenceError: parse_url is not defined [v1.1.0]

Uncaught ReferenceError: parse_url is not defined

jQuery (28)

init
each
each
init
SGNSidebar
489
e
t
setTimeout handler*Deferred/then/l/<
c
fireWith
fire
c
fireWith
ready
holdReady
<anonymous>
setTimeout handler*
finishLoad
onload
startLoad
onload
setTimeout handler*window.onload
EventHandlerNonNull*
<anonymous>
<anonymous>
<anonymous>
<anonymous>

[SGNUIKit.bundle.js:16715:20] (Unminified)

SGNFullPage is not initialized when using SGNAtom

Describe the bug

The SGNFullPage addon is not initialized when using SGNAtom.

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser: [e.g. chrome, safari]
Version: [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

Issue with CRTB label [v1.1.1]

Describe the bug

After hovering over the labels in CRTB, hovers over wrong CRTB.

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser: [e.g. chrome, safari]
Version: [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

Add feature to position TabLinks to the bottom of the TabLayout

Is your feature request related to a problem? Please describe.
I couldn't position the TabLinks to the bottom of the TabLayout.

Describe the solution you'd like
Please provide an update to fix the same.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Sidebar toggle button broken [v1.1.1]

Describe the bug

The sidebar toggle button is still broken, even in version 1.1.1. Please fix the issue as soon as possible.

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

The sidebar should be collapsed/closed in case of expanded/open.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: Windows 11
Browser: Mozilla Firefox 103
Version: 1.1.1

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

Margin Utility classes 'mx-' & 'my-' are not working

Describe the bug

The Margin Utility classes 'mx-' & 'my-' are not working.

To Reproduce

Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser: [e.g. chrome, safari]
Version: [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser: [e.g. stock browser, safari]
Version: [e.g. 22]

Additional context

Add any other context about the problem here.

Fonts not loaded properly [v1.1.1]

Describe the bug
downloadable font: rejected by sanitizer (font-family: "Poppins Bold" style:normal weight:400 stretch:100 src index:1) source: https://cdn.sgnetworks.net/jquery/plugins/SGNetworks/SGNUIKit/latest/css/8e45331fa5e2bf6eea99.woff
downloadable font: rejected by sanitizer (font-family: "Roboto Regular" style:normal weight:400 stretch:100 src index:1) source: https://cdn.sgnetworks.net/jquery/plugins/SGNetworks/SGNUIKit/latest/css/b8b3fddc61d282899d47.woff

To Reproduce
Steps to reproduce the behavior:

Open the page which has the triggering function
Trigger the function by doing appropriate actions
See errors in the browser console

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

Additional context
Add any other context about the problem here.