fix permissions/roles

app/components/permission.hbs

@@ -5,4 +5,5 @@
       {{on "change" (fn this.onChange @permission)}}
     />
     <span class="mx-1">{{@permission.name}}</span>
+    <span class="mx-1 text-danger">{{@permission.content_type.model}}</span>
   </div>
\ No newline at end of file

app/components/permissions/index.hbs

-{{#each @permissions as |perm|}}
+{{#each this.permissions as |perm|}}
   <Permission @permission={{perm}} @onChange={{@onChange}} />
 {{/each}}

app/components/permissions/index.js

@@ -5,6 +5,10 @@ import { inject as service } from '@ember/service';
 
 class PermissionsComponent extends Component {
   @service store;
+
+  get permissions() {
+    return this.args.permissions;
+  }
 }
 
 export default PermissionsComponent;

app/components/role/add.hbs

@@ -7,7 +7,7 @@
 </div>
 
 <Permissions
-  @permissions={{this.permissions}}
+  @permissions={{@initial_permissions}}
   @onChange={{this.onChange}} />
 
 <div class="mb-3">

app/components/role/add.js

@@ -9,11 +9,8 @@ class AddRoleComponent extends Component {
   @service store;
   @service router;
 
-  @tracked name = "default name";
-  permissions = A([
-    {name: 'one', isChecked: true},
-    {name: 'two'}
-  ]);
+  @tracked name = "";
+  permissions = A([]);
 
   @action
   onChange(permission, checked) {

app/models/content_type.js

@@ -2,7 +2,6 @@ import Model, { attr, hasMany } from '@ember-data/model';
 
 
 class ContentTypeModel extends Model {
-  @attr app_label;
   @attr model;
   @hasMany('permission') permissions;
 }

app/models/permission.js

@@ -4,7 +4,7 @@ import Model, { attr, belongsTo } from '@ember-data/model';
 class PermissionModel extends Model {
   @attr name;
   @attr codename;
-  @belongsTo('content_type') content_type;
+  @belongsTo('content-type') content_type;
 }
 
 export default PermissionModel;

app/routes/roles/add.js

+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+
+class AddRoleRoute extends Route {
+  @service store;
+
+  async model() {
+    return this.store.findAll('permission');
+  }
+}
+
+export default AddRoleRoute;

app/routes/roles/index.js

@@ -2,10 +2,12 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 
 
-export default class AutomatesRoute extends Route {
+class RolesRoute extends Route {
   @service store;
 
   async model() {
     return this.store.findAll('role');
   }
 }
+
+export default RolesRoute;

app/serializers/application.js

@@ -5,4 +5,8 @@ export default class ApplicationSerializer extends JSONAPISerializer {
   keyForAttribute(attr) {
     return underscore(attr);
   }
+
+  keyForRelationship(attr) {
+    return underscore(attr);
+  }
 }

app/templates/roles/add.hbs

 <h1>New Role</h1>
 
-<Role::Add />
\ No newline at end of file
+<Role::Add @initial_permissions={{@model}} />
\ No newline at end of file