{"id":15789955,"url":"https://github.com/nonblocking/liferay-angularjs-es2015-portlet","last_synced_at":"2025-09-08T16:39:04.385Z","repository":{"id":153210565,"uuid":"57713567","full_name":"nonblocking/liferay-angularjs-es2015-portlet","owner":"nonblocking","description":"AngularJS 1 Liferay Portlet with ES2015","archived":false,"fork":false,"pushed_at":"2016-08-19T09:50:33.000Z","size":16,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-05T22:04:17.697Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nonblocking.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-01T18:05:37.000Z","updated_at":"2017-02-04T13:46:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"4db4c7ac-d2cd-49d6-b0da-654c55023976","html_url":"https://github.com/nonblocking/liferay-angularjs-es2015-portlet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nonblocking%2Fliferay-angularjs-es2015-portlet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nonblocking%2Fliferay-angularjs-es2015-portlet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nonblocking%2Fliferay-angularjs-es2015-portlet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nonblocking%2Fliferay-angularjs-es2015-portlet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nonblocking","download_url":"https://codeload.github.com/nonblocking/liferay-angularjs-es2015-portlet/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246517160,"owners_count":20790374,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-04T22:04:19.498Z","updated_at":"2025-03-31T18:28:20.430Z","avatar_url":"https://github.com/nonblocking.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"AngularJS Portlet Demo ES2015\n=============================\n\nA Liferay portlet that just list all users and shows how AngularJS and Spring Portlet MVC can be used to create single page HTML5 portlets.\n\nThe demonstrator consists of two parts:\n\n1. A [Spring Portlet MVC](http://docs.spring.io/spring/docs/4.0.x/spring-framework-reference/html/portlet.html) backend that handles all AJAX requests as resource requests. \n   It leverages the [thymeleaf](http://www.thymeleaf.org/) HTML5 template engine to pass the resource URL and other parameters as JavaScript variables to the frontend. \n2. An [AngularJS](https://angularjs.org/) frontend that can also be run **standalone with node.js**, which can greatly accelerate the development.\n\n## Build\n\n### Prerequisites\n* [Maven](https://maven.apache.org/) build tool (should come with your favorite IDE)\n* [node.js](http://nodejs.org/) and [Gulp](http://gulpjs.com/) to build and run the HTML5/JavaScript code\n* [SASS](http://sass-lang.com/) to compile the Sassy CSS into CSS\n\n### Create the WAR file\n\nJust run **mvn package** on the command line.\n\n## Run\n\n### On a Liferay 6.2 Portal\n\nDrop the generated _liferay-angularjs-es2015-portlet-*.war_ file in the_target_ directory into the *{liferay-home}/deploy* folder.\nAlternatively execute on the command line: **mvn liferay:deploy -D\\\u003cbase_path_of_your_lifery_installation\\\u003e**\n\n### Standalone\n\nRun **npm install** and **gulp watch** in the root directory of the project. The webapp will be available on *localhost:9000*.\n\n## Notes\n\n* This portlet is pretty similar to [liferay-angularjs-portlet](https://github.com/nonblocking/liferay-angularjs-portlet), except:\n    * ES2015 is used. Tanspiled to JavaScript with [Babel](https://babeljs.io/)\n    * [browserify](http://browserify.org/) is used to package the modules\n    * The build is done with *gulp* instead of *grunt*\n    * Where ever possible the *component()* helper introduced in AngularJS 1.5 is used. Together with a simple component based router.       \n* In a real world app **don't forget Java and JavaScript unit tests**!\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnonblocking%2Fliferay-angularjs-es2015-portlet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnonblocking%2Fliferay-angularjs-es2015-portlet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnonblocking%2Fliferay-angularjs-es2015-portlet/lists"}