truly-ui
    TypeScript icon, indicating that this package has built-in type declarations

    5.2.0 • Public • Published


    Truly-UI is a UI Framework for creating rich desktop applications




    Quick LinksMotivationPrerequisitesInstallationUsageAvailable FeaturesFeedbackLicense



    Quick Links

    Motivation

    TrulyUI is an Angular Framework especially developed for Desktop Applications based on Web Components using the greatest technologies of the world. TrulyUI is based on Angular, maintained by world-wide community. By the way, we believe that Angular is the most promising Web Framework. We developed TrulyUI thinking to fill a gap on open-source Web Technologies that's poor when it's about applications on Desktop. Ex: Electron, App.js and NW.js

    Prerequisites

    We assume that you have already installed the following packages at least and are already running an AngularIO project.

    Installation

    1. Having NPM installation run the following command on your terminal to install it:

       $ npm install --save truly-ui @angular/animations @angular/cdk
    2. Because NPM does not install peerDependencies, you should manually install the dependencies:

       $ npm install --save string-format ts-md5 object-path reflect-metadata
       $ npm install --save-dev @types/object-path
    3. Configure styles of used font packages (Icon Packages are already installed when running npm install truly-ui):

      Inside the angular.json file add the following paths to the styles key

       "styles": [
             "src/styles.css",
             ...
             "node_modules/@angular/cdk/overlay-prebuilt.css",
             "node_modules/truly-ui/css/icons/dx-icons/css/icons.scss",
             "node_modules/truly-ui/css/icons/fa-icons/css/icons.scss",
             "node_modules/truly-ui/css/icons/ion-icons/css/icons.scss",
             "node_modules/truly-ui/css/icons/animations.scss"
       ]
      
    4. Configure CoreModule on your AppModule:

      import { BrowserModule } from '@angular/platform-browser';
      import { FormsModule } from '@angular/forms';
      import { NgModule } from '@angular/core';
      
      import { AppComponent } from './app.component';
      
      import { CoreModule } from 'truly-ui'; //CoreModule
      
      @NgModule({
        declarations: [
          AppComponent
        ],
        imports: [
          BrowserModule,
          CoreModule.forRoot({theme: 'default'}) // Configurations
        ],
        providers: [],
        bootstrap: [AppComponent]
      })
      export class AppModule { }

      Usage

      The use of the components is basically the importation of the main module and the use of the directives in its application: Example is the import of the input module and its use

    import { BrowserModule } from '@angular/platform-browser';
    import { FormsModule } from '@angular/forms';
    import { NgModule } from '@angular/core';
    
    import { AppComponent } from './app.component';
    
    // Import your library, for example the InputComponent :
    import { InputModule, ButtonModule, CoreModule } from 'truly-ui';//Import Modules
    
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        CoreModule.forRoot({theme: 'default'}),
    
        // Specify your library as an import
        InputModule,
        ButtonModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

    Once your library is imported, you can use its components, directives and pipes in your Angular application:

    <!-- You can now use your library component in app.component.html -->
    
     <tl-input
         [(ngModel)]="Many Properties"
         [iconBefore]="'ion-printer'"
         [placeholder]="'With Placeholder'"
         [textAfter]="'US'"
         [clearButton]="true"
         [autocomplete]="'off'">
     </tl-input>
    

    Available Features

    Feature Notes Docs
    accordion Docs
    autocomplete Docs
    avatar Docs
    badge Docs
    blockui Docs
    button Docs
    buttongroup Docs
    calendar Docs
    chatlist Docs
    checkbox Docs
    colorpicker Docs
    contextmenu Docs
    datatable Docs
    datepicker Docs
    dialog Docs
    dropdownlist Docs
    editor Docs
    form Docs
    icon Docs
    input Docs
    listbox Docs
    menu Docs
    shortcut Docs
    modal Docs
    multiselect Docs
    multiview Docs
    navigator Docs
    overlaypanel Docs
    panelgroup Docs
    popupmenu Docs
    progressbar Docs
    radiobutton Docs
    sidebar Docs
    splitbutton Docs
    stopwatch Docs
    switch Docs
    tabcontrol Docs
    textarea Docs
    theming Docs
    timeavaliable Docs
    timeline Docs
    timepicker Docs
    toaster Docs
    toolbar Docs
    tooltip Docs
    validators Docs

    In progress, planned, and non-planned features

    Feature Status Docs Issue
    datetimepicker non-planned
    clockpicker In-progress, planned S1 2021
    monthyearpicker non-planned
    paginator In-progress, planned S1 2021
    schedule In-progress, planned S1 2021
    widget non-planned

    Feedback

    Feedback is always welcome.

    For google

    angular ui components angular 2 components, angular 4 components, angular electron, angular 5 components ng2 nw ng components ng-components ng2-components angular2 components angular4 electron angular 5 components angular 6 components angular 7 components angular electron components desktop applications library ui components desktop electron angular components electron angular

    License

    The MIT License (MIT)

    Copyright (c) 2020 Temainfo Software

    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

    Install

    npm i truly-ui

    Homepage

    truly-ui.com

    DownloadsWeekly Downloads

    155

    Version

    5.2.0

    License

    MIT

    Unpacked Size

    40.9 MB

    Total Files

    827

    Last publish

    Collaborators

    • abalad
    • temainfo-truly