View Code? Open in Web Editor
NEW
This project forked from aykutaktas/autocms
AutoCms is a simple solution to manage contents
License: MIT License
JavaScript 87.12%
HTML 12.66%
CSS 0.23%
autocms's Introduction
A simple solution to manage contents. You can easly list your data in a table, update, delete or insert.
```js
meteor add guncebektas:autocms
```
Click here to watch what you can do with the package
```js
// cmsCollections
FlowRouter.route('/cms/:collection/:function', {
action: function() {
BlazeLayout.render("main", {
content: 'autoCms'
});
}
});
FlowRouter.route('/cms/:collection/:function/:id', {
action: function() {
BlazeLayout.render("main", {
content: "autoCms"
});
}
});
```
```js
{{> Template.dynamic template=content}}
```
```js
Players = new Mongo.Collection('players');
// Attach schema for autoForm
Players.attachSchema(new SimpleSchema({
name:
{
type: String,
label: "Name",
max: 100
},
surname:
{
type: String,
label: "Surname",
max: 100
},
picture: {
type: String,
label: 'Profile Picture',
autoform: {
afFieldInput: {
type: 'fileUpload',
collection: 'Images',
accept: 'image/*',
label: 'Choose a file',
previewTemplate: 'filePreview',
selectFileBtnTemplate: 'fileButtonSelect',
removeFileBtnTemplate: 'fileButtonRemove',
onBeforeInsert: function(fileObj) {
},
onAfterInsert: function(err, fileObj) {
}
}
},
optional: true
}
}));
// Define rules for autoCms
Players.autoCms = {
wrapper: {
type: 'list'
},
title: 'All players',
showNo: false,
columns: {
picture: {
type: 'image',
width: 40
},
name: {
},
surname: {
}
}
}
```
```
localhost:3000/cms/Players/list
localhost:3000/cms/Players/insert
```
The result will be like that
Another example which covers more
'+result.name+' '+result.surname;
},
score1: {
class: function(data) {
switch(true) {
case (data < 3):
return 'danger'
break;
case (data == 3):
return 'info';
break;
case (data > 3):
return 'success';
break;
default:
return undefined;
}
}
},
gamer2: function(data){
result = Players.findOne(data);
return '
'+result.name+' '+result.surname;
},
score2: {
class: function(data) {
switch(true) {
case (data < 3):
return 'danger'
break;
case (data == 3):
return 'info';
break;
case (data > 3):
return 'success';
break;
default:
return undefined;
}
}
}
}
}
// Allow database actions in server
if (Meteor.isServer) {
Games.allow({
insert: function () {
return true;
},
update: function () {
return true;
},
remove: function () {
return true;
}
});
}
```
```
localhost:3000/cms/Games/list
localhost:3000/cms/Games/insert
```
The result will be like that if you add bootstrap
autocms's People
Contributors
Watchers
React
Vue.js
Typescript
TensorFlow
Django
Laravel
D3
Facebook
Microsoft
Google
Alibaba
D3
Tencent