ChmodCheckbox is completed

WrathChaos · WrathChaos · commit 26c40a1ec927 · 2019-10-01T11:28:13.000+03:00
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -25,7 +25,7 @@ export namespace Components {
     * The middle name
     */
     'middle': string;
-    'permissionValue': number;
+    'permission': number;
   }
 }
 
@@ -59,7 +59,7 @@ declare namespace LocalJSX {
     * The middle name
     */
     'middle'?: string;
-    'permissionValue'?: number;
+    'permission'?: number;
   }
 
   interface IntrinsicElements {
diff --git a/src/components/chmod-checkbox/chmod-checkbox.tsx b/src/components/chmod-checkbox/chmod-checkbox.tsx
@@ -10,19 +10,19 @@ export class CHModCheckbox {
   /**
    * The first name
    */
-  @Prop({ mutable: true }) first: string = "READ";
+  @Prop() first: string = "READ";
 
   /**
    * The middle name
    */
-  @Prop({ mutable: true }) middle: string = "WRITE";
+  @Prop() middle: string = "WRITE";
 
   /**
    * The last name
    */
-  @Prop({ mutable: true }) last: string = "EXECUTE";
+  @Prop() last: string = "EXECUTE";
 
-  @Prop() permissionValue: number = 0;
+  @Prop({ mutable: true, reflect: true }) permission: number = 0;
   @Prop() isReadChecked: boolean = false;
   @Prop() isWriteChecked: boolean = false;
   @Prop() isExecuteChecked: boolean = false;
@@ -37,13 +37,12 @@ export class CHModCheckbox {
                 id="read"
                 name="check"
                 type="checkbox"
-                checked={this.isReadChecked}
                 onChange={() => {
                   this.isReadChecked = !this.isReadChecked;
-                  this.permissionValue = calculatePermission(
+                  this.permission = calculatePermission(
                     "read",
                     this.isReadChecked,
-                    this.permissionValue
+                    this.permission
                   );
                 }}
               />
@@ -61,13 +60,12 @@ export class CHModCheckbox {
                 id="write"
                 name="check"
                 type="checkbox"
-                checked={this.isWriteChecked}
                 onChange={() => {
                   this.isWriteChecked = !this.isWriteChecked;
-                  this.permissionValue = calculatePermission(
+                  this.permission = calculatePermission(
                     "write",
                     this.isWriteChecked,
-                    this.permissionValue
+                    this.permission
                   );
                 }}
               />
@@ -85,13 +83,12 @@ export class CHModCheckbox {
                 id="execute"
                 name="check"
                 type="checkbox"
-                checked={this.isExecuteChecked}
                 onChange={() => {
                   this.isExecuteChecked = !this.isExecuteChecked;
-                  this.permissionValue = calculatePermission(
+                  this.permission = calculatePermission(
                     "execute",
                     this.isExecuteChecked,
-                    this.permissionValue
+                    this.permission
                   );
                 }}
               />
diff --git a/src/index.html b/src/index.html
@@ -11,6 +11,6 @@
       <script nomodule src="/build/chmod-checkbox.js"></script>
     </head>
   <body>  
-      <chmod-checkbox />
+      <chmod-checkbox permission="0"/>
   </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export namespace Components {`
`25`	`25`	`* The middle name`
`26`	`26`	`*/`
`27`	`27`	`'middle': string;`
`28`		`- 'permissionValue': number;`
	`28`	`+ 'permission': number;`
`29`	`29`	`}`
`30`	`30`	`}`
`31`	`31`
`@@ -59,7 +59,7 @@ declare namespace LocalJSX {`
`59`	`59`	`* The middle name`
`60`	`60`	`*/`
`61`	`61`	`'middle'?: string;`
`62`		`- 'permissionValue'?: number;`
	`62`	`+ 'permission'?: number;`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`interface IntrinsicElements {`