visionappscz / bootstrap-ui Goto Github PK

View Code? Open in Web Editor NEW

63.0 18.0 15.0 5.23 MB

⚠️ IN MAINTENANCE MODE. Bootstrap UI is a Bootstrap extension for building beautiful web apps user interfaces.

Home Page: http://www.bootstrap-ui.com

License: MIT License

JavaScript 55.57% Handlebars 3.65% Less 40.78%

bootstrap-ui bootstrap bootstrap3

bootstrap-ui's People

Contributors

Stargazers

Watchers

Forkers

fousjiri velchen edudude jromerob imkevintoun wooodhead ws-webui ws-gui shani-infametech pemantis ariesw dhammikab charindu sumitnghatge bourguig

bootstrap-ui's Issues

Only support installation via Bower

No downloads, no CDN.

Migration path: install SUI via Bower.

Provide simple localization of JS components

Since some JS components are visual, there should be a unified and simple way to set their localization globally, eg. via detection from <html lang="en">. Currently the ways vary as per component:

CKEditor
select2
datetimepicker

Our custom components cannot be localized at all:

Confirmation, see #71

Review documentation structure

Separating purely visual components from interactive or purely JS components appears to be misleading. We must investigate how we really use the documentation — and make it rather a comprehensive documentation than a [visual] style guide.

rephrase documentation text

In section 2.1 — Layout is sais:

...have to remember WTF columns...

I dont think that things such as WTF should be part of official documentation.

Use English/Latin lipsum

Use English or Latin lorem ipsum text placeholders instead of the Czech Blabot.

Revise/remove cancel link component

Is .cancel-link needed at all?

Migration path: use .form-action-static instead.

Create data API for adding listbox widget to select

something like select2, but Im not sure. What shell we use?

Move basic typography to components

Everything should be a component and so should the typography.

Migration path: "base/typography.less" –> "components/typography/typography.less"

Datetimepicker arrow bug

Datetimepicker showing arrows at actual date (doesn't rely on selected date.

Tested in Safari and Chrome on OS X and Firefox and Chrome on Win 10, so it's browser independent.

Remove deprecated functionality

Everything marked as deprecated in versions 0.x will not be supported from version 1.0.

Remove Synergic logo.

Migration path: see individual issues with "BC" label.

Resolve version mismatch for datepickers

Synergic UI depends on eonasdan-bootstrap-datetimepicker 3.x.x, but datetime picker depends on the latest version of moment.js. Latest moment.js is however not compatible with eonasdan-bootstrap-datetimepicker 3.x.x.

We need to either hardcode the required versions of both eonasdan-bootstrap-datetimepicker and moment.js in Synergic UI or convicne the author of eonasdan-bootstrap-datetimepicker to not depend on latest moment.js. Namely the author should not use >=x.x.x but ~x.x.x.

Treat body top margin when both panel menu and fixed navbar are present

Add top margin to body for combination of fixed navbar and panel menu, take care of z-indeces.

Improve article layout

Common ideas for desktop display:

Suggest a recommended style fo article heading
Nicer author name and publication date
Support for tags
Wider yet lower title image
Offset body copy from both sides
Float images in text alternately to the left and right (odd/even) making use of the blank space on both sides of the article; do not require any CSS class for this
Support for boxes, both wide and floating

Datetimepicker not working

In the docs, Datetimepicker component does not work and outputs the following in console:

Error appears both on Forms and JavaScripts pages.

Environment: latest Chrome/OS X, latest Bower components.

Deal with btn-group in CTA

Restore floating.

Get rid of .has-tabs on .section-header

.has-tabs on .section-header should not be necessary.

Migration path: .section-header.has-tabs –> .section-header.

Create data API for adding CKEditor to a textarea element

Should init CKEditor that is already loaded. Configuration should be taken from a specified config file and/or, if possible, from a configuration object passed in as a data attribute.

error in markup example

In section 4.2 — Input Group there is an extra tag within the button tag.

Revise more link component

More links now work only with H2. It should be more universal. Flexbox?

Add javascript component for selecting rows in table via checkbox

Must implement

Click anywhere on row selects/unselects
Select All/UnselectAll checkbox

If all are selected manually the Select All gets checked automatically and unchecked if not all rows are selected anymore.

Remove vertical margin from custom components

Migration path: use .offset-top and .offset-bottom instead.

Better layout on small screens

Improve layout to look better on small screens, e.g. set container padding to 4–8 vw. Make it opt-in?
Revise .row-reverse to work for various combinations.

LESS data-uri function does not work when compiling in a project

Data URIs are not evaluated when SUI is linked and compiled in external project which results to URL to a non-existing image in generated CSS.

jquery.js:10220 GET http://*******/bower_components/select2/select2-spinner.gif 404 (Not Found)

Found in Listbox component (select2) but additional check is required.

Support justified nav also on small screens

Add .nav-justified-xs-min so justified navigation can be used on xs screens.

Find new date/time picker

Reasons:

Eonasdan/bootstrap-datetimepicker seems to be no longer maintained
The datetimepicker is not compatible with jQuery 3 while the rest of Bootstrap UI is

Requirements:

date selection
time selection
localisation
responsive
accessible (keyboard etc.)
Bootstrap 3/4 compatible
quality code
actively maintained

Simplify loading the LESS way

Avoid linking individual external dependencies and load everything needed at once.

Align .alert-full

Remove close button from document flow so it does not shift .container.

Can multiple Sortable Tables live on a single page?

In the docs there are two examples of sortable tables, one of which is automatically sorted on load while the other is not. When automatic sorting is enabled on both tables, letter navigation of the latter example won't get generated. As a workaround, data in the first table is already sorted in the code and class data-sorting-asc is manually added to column header. The table looks just like if it has been dynamically filtered, but it is not and it makes the basic example misleading.

Add support for simple login screen

Panel component, centered both vertically and horizontally on the screen.

Showcase colors in docs

All brand colors present in variables.less should be showcased in the docs.

Revise .icon-vertically-aligned

Make the helper more universal, eg. dependant on font size, or rename to something like "shift".

Migration path: .icon-vertically-aligned –> .icon-shift-down.

Responsive alignment helpers

Like responsive visibility classes, e.g. .text-center-xs.

Create js component to generate slugs

It should generate slug in one text field based on text in another one on keyup. Onchange it should validate slug against server by ajax.

Localize Confirmation component

Detect from <html lang="en">.

Redesign hamburger

remove outline, opt-in
support "Menu" label

Add offset-bottom-none

Allow removing margin since many Bootstrap components have some bottom margin by default that may be unwanted in some cases.

Upgrade to jscs 2.0

In case we shall upgrade, we must fix either our coding style or the rules newly applied by jscs. With 2.0 the log is flooded with "Missing comma before closing …".

http://jscs.info/changelog.html

Transparent tabs

Add transparent modification .nav-tabs-transparent so tabs can be used on dark background, e.g. within .section-header.section-primary.

Change documentation platform

As noted at grunt-styleguide project:

Please note grunt-styleguide is no longer actively maintained. If you would like to maintain please raise an issue.

Possible solutions:

https://www.npmjs.com/package/grunt-kss
Something completely different?

Migration path: none.

Regression: filterable should be triggered onchange except for text inputs

Fulltext filter is now triggered onkeyup (which is correct) but all other types of filters should work onchange like before. Introduced by #16.

Create data API for adding datepickers to textfields

use existing datetimepickers as described in the form section

Extend CKEditor with nbsp and autocorrect plugins

Purpose: improve UX while creating content (like in a real text processor) and improve typography of the content for users.

Pros:

minimum effort

Cons:

autocorrecting quotes must reflect localization
lack of support for both plugins – they exist but they are not widely used

What the plugins do:

nbsp makes it possible to add a non-breaking space using a keyboard shortcut CTRL + space
http://ckeditor.com/addon/nbsp
autocorrect automatically corrects hyphens, dashes, quotes (requires correct localization) and some special characters
https://github.com/danyaPostfactum/ckeditor-autocorrect-plugin

Filter should save selected values into session storage

The stored values must be deleted:

When user presses the reset button
When the filter form changes

browser supports locale
locale is cs_CZ (also see other languages using the digraph “ch”)
string list contains strings starting with digraph “ch” (also see other digraphs)

Expected result:

strings starting with “ch” should be grouped (this works)
anchor “Ch” should be created in navigation (only “C” is created)