Skip to content

CodeCoupler UI

CodeCoupler UI is a compilation of web development libraries put them together in a coherent framework.

The goal was to enclose the most used code and libraries in a easy-to-use framework, hoping never have to write the basics of a web application again. In contrast to other big frameworks this one is based on numerous small libraries specialized in solving a specific topic.

The framework basically helps you to divide your project into logical blocks of code. For this the framework provides some basic components:

             ┌───────────────────┐
             │                   │
             │      System       │
             │                   │
             └─────────┬─────────┘
          ┌────────────┴────────────┐
          ▼                         ▼
┌───────────────────┐     ┌───────────────────┐
│                   │     │                   │
│       Stage       │◄───►│    Application    │
│                   │     │                   │
└────┬──────────────┘     └────┬──────────────┘
     │         ▲               │         ▲
     ├─────────┘       ┌───────┘         │
     │                 ▼                 │
     │       ┌───────────────────┐       │
     │       │                   │       │
     └──────►│      Widget       │       │
             │                   │       │
             └────┬──────────────┘       │
                  │         ▲            │
                  └─────────┴────────────┘

With CodeCoupler you can initialize a so named System in where everything happens. This System have always a current stage in where you can start an application.

An application is an container in where you can define a layout and start widgets. The application can take up all of the space of the current stage or start in a classic application window with a title bar, and can be dragged, maximized, closed etc.

You can start multiple applications that exist in parallel.

Installing CodeCoupler UI will get automatically the following libraries installed. Therefore you do not need to install them again, not even to externalize them. You can use them immediately:

  • animate.css
  • bootstrap
  • bootstrap-select
  • bootstrap4-toggle
  • @fortawesome/fontawesome-free
  • imagesloaded
  • inputmask
  • jquery
  • jquery-blockui
  • jquery-contextmenu
  • js-cookie
  • kendo-ui-core
  • moment
  • moment-timezone
  • moment-transform
  • nanoid
  • perfect-scrollbar
  • rangeslider.js
  • vue
  • webfontloader
  • outmatch (In Version 3)
  • node-json2html (In Version 3)
  • popper.js (In Pre-Versions of 3)
  • imask (In Version 3)

The following libraries are included as well but they will be used by supplied widgets and you should think about using the widgets instead the libraries directly:

  • fullcalendar
  • golden-layout
  • jspanel4
  • slickgrid