diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..b167c46 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2018 FLATLOGIC.COM + +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. diff --git a/README.md b/README.md index 2974593..cac4202 100644 --- a/README.md +++ b/README.md @@ -1,31 +1,123 @@ -# Sing App Angular Dashboard - Ngx Admin Template (5.3.3 Full version) with Angular 14.2 Final Release support +# πŸš€ Sing App Angular - A Free Premium Angular Dashboard Template! -This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2 +[View Demo](https://flatlogic.com/templates/sing-app-angular/demo) | [Download](https://github.com/flatlogic/sing-app-angular/archive/refs/heads/master.zip) | [More Templates](https://flatlogic.com/templates) | [Discord Community](https://discord.gg/flatlogic-community) | [Support Forum](https://flatlogic.com/forum) -**For upgrade instruction please refer to [https://update.angular.io/](https://update.angular.io/).** +**Originally a premium product priced at $69+, made available for free in January 2025!** πŸŽ‰ Built with love and frustration by the [Flatlogic Generator](https://flatlogic.com/ai-software-development-agent) - because who wants to build the CRUD apps from scratch? -## Install dependencies +--- -Run `yarn install`. -**Do NOT use NPM!** +## 🎯 Why Sing App Angular? +- **Ex-Premium**: This template was previously paid. Enjoy it for free now. πŸ˜‰ +- **Tons of components**: Again, since it was premium there are literally hundreds of them. Check out the demo. +- **Join the Community**: [Flatlogic Discord](https://discord.gg/flatlogic-community) is where the action happens. +- **Free Node.js Backend**: Pair it up with [this backend](https://github.com/flatlogic/nodejs-backend) to go full-stack. -## Development server +--- -Run `yarn start` for a dev server. Navigate to `http://localhost:3000/`. The app will automatically reload if you change any of the source files. +## πŸš€ Quick Start -## If you use app with backend support, please use -``` -yarn run serve:backend -``` +1. **Clone the repo** + ```bash + git clone SingAppAngular + cd SingAppAngular + ``` +2. **Install dependencies** + ```bash + yarn install # Do NOT use npm! + ``` +3. **Run the app** + ```bash + yarn start + ``` + Navigate to http://localhost:3000/. -## Code scaffolding +4. **Backend Support** + ```bash + yarn run serve:backend + ``` -Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`. +5. **Build for production** + ```bash + yarn build --prod + ``` -## Build +> **Pro Tip:** If something breaks, it's probably your fault. 😜 -Run `yarn build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build. +--- -## Further help +## 🧩 Features + +- Hundreds of Pages +- Fully Responsive +- Built with Angular 14 +- 8 Charts Library +- 2 Dashboards +- Theme Support +- E-Commerce Section +- Static & Hover Sidebar +- Fully Documented Codebase + +--- + +## πŸ›  Built With +- Angular 14 +- Bootstrap 4 +- Node.js +- HTML5 +- JavaScript (ES6) +- Webpack + +--- + +## πŸ“¦ Components +- UI Elements +- Components +- Notifications +- Forms +- Charts (Flot, Morris, Rickshaw, etc.) +- Buttons +- Tables +- Dashboards +- Maps (Google, Vector) +- Widgets +- Pages (Profile, Email, E-commerce, Calendar, etc.) + +--- + +## 🌍 Available Variants + +| | **Material** | **Transparent** | **Classic** | **Sofia** | **Flatlogic** | +|---------------|-----------------------------------------------------------|---------------------------------------------------------|-------------------------------------------------------|-----------------------------------------------------|----------------------------------------------------| +| **React** | [React Material Admin](https://github.com/flatlogic/react-material-admin-full) | [Light Blue React](https://github.com/flatlogic/light-blue-react) | [Sing App React](https://github.com/flatlogic/sing-app-react) | [Sofia React](https://github.com/flatlogic/sofia-react) | [One React](https://github.com/flatlogic/one-react) | +| **Angular** | [Angular Material Admin](https://github.com/flatlogic/angular-material-admin-full) | [Light Blue Angular](https://github.com/flatlogic/light-blue-angular) | [Sing App Angular](https://github.com/flatlogic/sing-app-angular) | - | - | +| **Vue** | [Material Vue](https://github.com/flatlogic/material-vue-full) | [Light Blue Vue](https://github.com/flatlogic/light-blue-vue) | [Sing App Vue](https://github.com/flatlogic/sing-app-vue) | - | - | +| **Bootstrap** | - | [Light Blue HTML5](https://github.com/flatlogic/light-blue-html5) | [Sing App HTML5](https://github.com/flatlogic/sing-app-html5) | - | [One Bootstrap](https://github.com/flatlogic/one-bootstrap-template-full) | + + +Additionally, these templates are tailored for specific business needs: +- [E-Commerce Frontend (React)](https://github.com/flatlogic/ecommerce-frontend) - A complete e-commerce solution. +- [Bookkeeper UI (React)](https://github.com/flatlogic/bookkeeper-ui) - Accounting dashboard for finance management. +- [User Management Template (React)](https://github.com/flatlogic/user-management-template) - User authentication and management. + +--- + +## πŸ‘¨β€πŸ’» How to Contribute +- **Star this repo ⭐** - show some love. +- **Report bugs** - but be nice. +- **Join the [Discord]()** - meet fellow devs. + +--- + +## πŸ”₯ About Flatlogic +[Flatlogic](https://flatlogic.com/ai-software-development-agent) builds modern business software so you don't have to. Our AI Software Development Agent helps you generate, deploy, and maintain enterprise applications with minimal effort. + +--- + +## πŸ“œ License +This template is free to use. Modify it, break it, make it your own. Just don’t try to sell it back to us. 😎 + +--- + +> **Questions or feedback?** +> Join our [Flatlogic Community Discord](https://discord.gg/flatlogic-community) or visit our [support forum](https://flatlogic.com/forum). We might even reply! -To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). diff --git a/changelog.md b/changelog.md index daf9570..22efa54 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,11 @@ # Changelog +## [5.3.5] - 27/11/2024 + - Update dependencies + +## [5.3.4] - 09/08/2022 + - Fix app.config + ## [5.3.3] - 09/06/2022 - Update Angular to 14.2 - Remove old dependency diff --git a/package.json b/package.json index e594cd2..d6166da 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sing-app", - "version": "5.3.2", + "version": "5.3.5", "description": "Sing Dashboard App with Angular 11.2 Final Release support by Flatlogic", "scripts": { "install": "napa", @@ -34,9 +34,9 @@ "awesome-bootstrap-checkbox": "1.0.1", "bootstrap": "4.2.1", "bootstrap-colorpicker": "2.5.3", - "bootstrap-datepicker": "1.7.1", + "bootstrap-datepicker": "1.10.0", "bootstrap-markdown": "2.10.0", - "bootstrap-select": "1.12.4", + "bootstrap-select": "1.13.18", "bootstrap-slider": "9.8.1", "core-js": "2.4.1", "d3": "3.5.17", @@ -48,19 +48,19 @@ "govpredict-morris": "^0.5.1", "hammerjs": "2.0.8", "jasny-bootstrap": "3.1.3", - "jquery": "3.6.0", + "jquery": "3.7.1", "jquery-flot": "0.8.3", "jquery-slimscroll": "1.3.8", "jquery-sparkline": "2.4.0", - "jquery-ui": "git://github.com/jquery/jquery-ui.git#1.11.4", + "jquery-ui": "https://github.com/jquery/jquery-ui.git#1.11.4", "jquery.animate-number": "0.0.14", "jvectormap": "2.0.4", "line-awesome": "icons8/line-awesome", "lodash.isequal": "^4.5.0", - "magnific-popup": "1.1.0", + "magnific-popup": "1.2.0", "markdown": "0.5.0", "messenger": "git+https://github.com/HubSpot/messenger.git#v1.4.2", - "moment": "2.15.2", + "moment": "2.30.1", "morris.js": "0.5.0", "ng-autosize": "1.1.0", "ng-select2": "^1.4.1", @@ -72,16 +72,16 @@ "ngx-toastr": "13.2.1", "ngx-trend": "6.1.1", "nvd3": "1.8.6", - "parsleyjs": "2.7.2", - "popper.js": "1.12.9", - "rickshaw": "1.6.6", + "parsleyjs": "2.9.2", + "popper.js": "1.16.1", + "rickshaw": "1.7.1", "rxjs": "^6.6.7", "select2": "4.1.0-rc.0", - "select2-bootstrap-theme": "0.1.0-beta.9", + "select2-bootstrap-theme": "0.1.0-beta.10", "shufflejs": "4.2.0", "tslib": "^2.0.0", "widgster": "1.0.0", - "zone.js": "~0.11.4" + "zone.js": "~0.15.0" }, "napa": { "bootstrap-application-wizard": "https://github.com/amoffat/bootstrap-application-wizard.git#3768da3142f43428c5f63284407a2481a9e283d3", diff --git a/src/app/app.config.ts b/src/app/app.config.ts index 078601d..b438238 100644 --- a/src/app/app.config.ts +++ b/src/app/app.config.ts @@ -3,8 +3,8 @@ import {environment} from '../environments/environment'; declare let jQuery: any; -const hostApi = process.env.NODE_ENV === 'development' ? 'http://localhost' : 'https://flatlogic-node-backend.herokuapp.com'; -const portApi = process.env.NODE_ENV === 'development' ? 8080 : ''; +const hostApi = !environment.production ? 'http://localhost' : 'https://flatlogic-node-backend.herokuapp.com'; +const portApi = !environment.production ? 8080 : ''; const baseURLApi = `${hostApi}${portApi ? `:${portApi}` : ``}`; @Injectable()