tabvn/loopbackcms

Loopback API + Angular 2 CMS

LoopCMS

• Loopback API + Angular 2 CMS with Realtime Database featured.
• Videos: https://www.youtube.com/playlist?list=PLFaW_8zE4amNf4LKlFn061D8R_7osw9rn
• Facebook: http://facebook.com/TabvnGroup
• Twitter: http://twitter.com/tabvn
• Website: http://tabvn.com/

Install imagemagic

Imagemagic is use for crop image and resize image when upload media image. so need install it

Ubuntu

apt-get install imagemagick

Mac OS X

brew install imagemagick

Fedora/CentOS

yum install imagemagick

Install Mongodb

follow their documentation and install mongodb on your own marchine https://docs.mongodb.com/

Install loopback modules

From root folder change directory to api and run npm install to install all modules required. cd api

npm install

npm start to run the api

Install Backend (this is Angular 2 app for management content system)

cd ../backend

nm install

npm start to run the angular 2 backend app

Screenshot

loopbackcms's Issues

I can not install frondend page module

I can not install backend page module, which webpack version you did?

the error output:

ERROR in .//css-loader?{"sourceMap":false,"importLoaders":1}!.//postcss-loader!.//sass-loader!./src/scss/styles.scss
Module build failed:
@import '../../node_modules/@angular/material/core/theming/all-theme';
^
File to import not found or unreadable: ../../node_modules/@angular/material/core/theming/all-theme.
Parent style sheet: stdin
in /Users/richard.g/Documents/workspace/loopbackCMS/backend/src/scss/styles.scss (line 2, column 1)
@ ./src/scss/styles.scss 4:14-204
@ multi .//quill/dist/quill.snow.css ./src/scss/styles.scss

polymorphic belongsTo relation: avatar does not expect param `model`

I get this error when starting API

users settings.validateUpsert was overriden to false
media settings.validateUpsert was overriden to false
/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-datasource-juggler/lib/datasource.js:597
throw error;
^

Error: polymorphic belongsTo relation: avatar does not expect param model
at validateRelation (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-datasource-juggler/lib/datasource.js:595:17)
at /Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-datasource-juggler/lib/datasource.js:515:7
at Array.forEach ()
at DataSource.defineRelations (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-datasource-juggler/lib/datasource.js:511:28)
at DataSource.setupDataAccess (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-datasource-juggler/lib/datasource.js:648:8)
at DataSource.attach (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-datasource-juggler/lib/datasource.js:882:8)
at Function.ModelClass.attachTo (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-datasource-juggler/lib/model-builder.js:382:16)
at Registry.configureModel (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback/lib/registry.js:235:15)
at configureModel (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback/lib/application.js:546:16)
at Function.app.model (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback/lib/application.js:126:5)
at /Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-boot/lib/executor.js:203:9
at Array.forEach ()
at setupModels (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-boot/lib/executor.js:199:23)
at execute (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-boot/lib/executor.js:40:3)
at bootLoopBackApp (/Users/philiprichard/Frontends/loopbackCMS/api/node_modules/loopback-boot/index.js:154:3)
at Object. (/Users/philiprichard/Frontends/loopbackCMS/api/server/server.js:31:1)

webpack: Failed to compile.

Hi... thanks for sharing this code.

Actually, I'm using AngularJS but I love CMS's end I love testing then.

So... I'm not using Angular 4 yet, but I want to test your CMS.

Can You help me?

imagemagic on windows

its possible to use?

When i up image to user avatar, has a error.

npm start problem in windows7

i followed the steps of project and when i run [npm start] this error appeared:

C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api>npm start

[email protected] start C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api
node .

users settings.validateUpsert was overriden to false
media settings.validateUpsert was overriden to false
C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopback-datasource-juggler\lib\d
atasource.js:596
throw error;
^

Error: polymorphic belongsTo relation: avatar does not expect param model
at validateRelation (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopback
-datasource-juggler\lib\datasource.js:594:17)
at C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopback-datasource-juggle
r\lib\datasource.js:514:7
at Array.forEach (native)
at DataSource.defineRelations (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_module
s\loopback-datasource-juggler\lib\datasource.js:510:28)
at DataSource.setupDataAccess (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_module
s\loopback-datasource-juggler\lib\datasource.js:654:8)
at DataSource.attach (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopbac
k-datasource-juggler\lib\datasource.js:888:8)
at Function.ModelClass.attachTo (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modu
les\loopback-datasource-juggler\lib\model-builder.js:356:16)
at Registry.configureModel (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\l
oopback\lib\registry.js:233:15)
at configureModel (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopback\l
ib\application.js:538:16)
at EventEmitter.app.model (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\lo
opback\lib\application.js:126:5)
at C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopback-boot\lib\executor
.js:203:9
at Array.forEach (native)
at setupModels (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopback-boot
\lib\executor.js:199:23)
at execute (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopback-boot\lib
\executor.js:40:3)
at bootLoopBackApp (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\node_modules\loopback-
boot\index.js:154:3)
at Object. (C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\server\server.js:31
:1)

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\b
in\npm-cli.js" "start"
npm ERR! node v6.11.0
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: node .
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'node .'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the api package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node .
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs api
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls api
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\Gehad Mohamed\Desktop\loopbackCMS-master\api\npm-debug.log

Loggin Issue

i have follow all steps but it not login or signup.

Won't run api

Can't get the api to run. I'm on win10, have mongo running.

`PS C:\Dev\Play\Angular_CMS\loopbackCMS-master\api> npm start

[email protected] start C:\Dev\Play\Angular_CMS\loopbackCMS-master\api
node server/server.js

users settings.validateUpsert was overriden to false
media settings.validateUpsert was overriden to false
C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-datasource-juggler\lib\datasource.js:596
throw error;
^

Error: polymorphic belongsTo relation: avatar does not expect param model
at validateRelation (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-datasource-juggler\lib\datasource.js:594:17)
at C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-datasource-juggler\lib\datasource.js:514:7
at Array.forEach (native)
at DataSource.defineRelations (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-datasource-juggler\lib\datasource.js:510:28)
at DataSource.setupDataAccess (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-datasource-juggler\lib\datasource.js:654:8)
at DataSource.attach (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-datasource-juggler\lib\datasource.js:888:8)
at Function.ModelClass.attachTo (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-datasource-juggler\lib\model-builder.js:356:16)
at Registry.configureModel (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback\lib\registry.js:233:15)
at configureModel (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback\lib\application.js:538:16)
at Function.app.model (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback\lib\application.js:126:5)
at C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-boot\lib\executor.js:202:9
at Array.forEach (native)
at setupModels (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-boot\lib\executor.js:198:23)
at execute (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-boot\lib\executor.js:39:3)
at bootLoopBackApp (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\node_modules\loopback-boot\index.js:154:3)
at Object. (C:\Dev\Play\Angular_CMS\loopbackCMS-master\api\server\server.js:31:1)`

Is this project no longer stable?

This project looks amazing but I'm getting these errors when starting the apps:

For api:

---

npm start

[email protected] start D:\Projects\success-stories\loopbackCMS\api
node .

users settings.validateUpsert was overriden to false
media settings.validateUpsert was overriden to false
D:\Projects\success-stories\loopbackCMS\api\node_modules\loopback-datasource-juggler\lib\datas
ource.js:596
throw error;
^

Error: polymorphic belongsTo relation: avatar does not expect param model
at validateRelation (D:\Projects\success-stories\loopbackCMS\api\node_modules\loopback-dat
asource-juggler\lib\datasource.js:594:17)

---

For backend:

---

`PS D:\Projects\success-stories\loopbackCMS\backend> npm start

[email protected] start D:\Projects\success-stories\loopbackCMS\backend
ng serve

** NG Live Development Server is running on http://localhost:4200 **
86% hashingcrypto.js:74
this._handle.update(data, encoding);
^

TypeError: Data must be a string or a buffer
at TypeError (native)
at Hash.update (crypto.js:74:16)
at HarmonyExportImportedSpecifierDependency.updateHash (D:\Projects\success-stories\loopbackCMS\backend\node_modules\webpack\lib\depende
ncies\HarmonyExportImportedSpecifierDependency.js:144:8)
at D:\Projects\success-stories\loopbackCMS\backend\node_modules\webpack\lib\DependenciesBlock.js:33:5
at Array.forEach (native)
at NormalModule.DependenciesBlock.updateHash (D:\Projects\success-stories\loopbackCMS\backend\node_modules\webpack\lib\DependenciesBlock
.js:32:20)
at NormalModule.Module.updateHash (D:\Projects\success-stories\loopbackCMS\backend\node_modules\webpack\lib\Module.js:162:41)
at NormalModule.updateHash (D:\Projects\success-stories\loopbackCMS\backend\node_modules\webpack\lib\NormalModule.js:327:30)
at modules.forEach.m (D:\Projects\success-stories\loopbackCMS\backend\node_modules\webpack\lib\Chunk.js:253:31)
at Array.forEach (native)`

---

For frontend:

---

`> [email protected] start D:\Projects\success-stories\loopbackCMS\frontend

ng serve

** NG Live Development Server is running on http://localhost:4200 **
Hash: 366ce29ae6193cf48bfc
Time: 32139ms
chunk {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 177 kB {4} [initial] [rendered]
chunk {1} main.bundle.js, main.bundle.js.map (main) 160 kB {3} [initial] [rendered]
chunk {2} styles.bundle.js, styles.bundle.js.map (styles) 236 kB {4} [initial] [rendered]
chunk {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 3.72 MB [initial] [rendered]
chunk {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]

ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda w
ith a reference to an exported function (position 194:50 in the original .ts file), resolving symbol NgModule in D:/Projects/success-stories
/loopbackCMS/backend/node_modules/@angular/core/core.d.ts, resolving symbol ApiModule in D:/Projects/success-stories/loopbackCMS/backend/src
/app/shared/services/api.module.ts, resolving symbol ApiModule in D:/Projects/success-stories/loopbackCMS/backend/src/app/shared/services/ap
i.module.ts
webpack: Failed to compile.`