cts/cts-ui

UI Tools for Cascading Tree Sheets

Cascading Tree Sheets

Cascading Tree Sheets (CTS) is a CSS-like language to describe web structure.

This is the Javascript implementation of Cascading Tree Sheets (CTS).

Dependencies

Before you get started, make sure you have installed the following tools:

• NodeJS + NPM
• Grunt

Initial Development Setup

To set up a brand new CTS development environment, perform the following steps:

1. Create a new, empty directory and from within it, run:

   bash -c "$(curl -fsSL https://raw.githubusercontent.com/cts/cts/master/initial-setup.sh)"

2. Change into the cts directory that was just created.

3. Run npm install.

4. Run grunt setup.

This will link the dependencies of that project to the other repositories downloaded by the setup script.

Since the Duo package manager is typically used for production builds, it requires packages straight from Github instead of your local environment. To get around this, grunt downloads these packages from Github into the build-tmp/components directory, then symlinks those cts-* directories with your local versions. This is done by the src/build-scripts/grunt-contrib-projectsetup.js file.

Building CTS

You can build CTS by running grunt from inside the cts project. You'll find the output in the build directory. If the build-tmp directory is ever deleted, you need to re-run grunt setup to symlink the directories properly. Otherwise, none of your local changes will end up in the build file.

License

This software is made available under the BSD License.

cts-ui's Issues

After N tries of Queue flush, we should alert the user and possibly reject the promise on the individual operations.

Edit mode should toggle on and off, not be a one-time shot.

Get login working with PHP

Change duplicate to save as

After save as: redirect to new page

Put border around object while being edited

Hook up editor to CTSUI and to the Picker.

cts widgets seem to not be able to load yet more widgets on some pages (e.g., eventbrite)

New Panel for CTS-UI for User Account Creation / Login / etc + server changes

Yay!

Editor should deconstruct itself when told.

Make ck editor injectable + add this to _CTSUI.Editor

Key prob. lkely to be detecting when it's done loading and ready to use.

(script tag "onload" event)

CTS.$ is always jQuery.

to execute something after CTS loads, just do:

CTS.status.libraryLoaded.then(function() {
 // your stuff here
// e.g.: CTS.$('div')...
});

Don't allow selection of CTS sidebar

picker overlay is wrong on some pages

Build out LESS Pipeline

• Grunt task to compile
• Decide & implement source code + release structure

Decide what to do with the Bootstrap code.

• Either leave be or find a way to LESS-ify it while still preserving the ctsui- prefixes.

UI for "Save" and "Cancel"

Consider adding a save and cancel button to the CK Editor bar that pops up to save and cancel.