Update Page model

src/pages/index.js

@@ -215,7 +215,7 @@ export default () => {
      * const arrayOfPages = pageManager.getAll();
      */
     getAll() {
-      return this.pages.models;
+      return [...this.pages.models];
     },
 
     /**

src/pages/model/Page.js

@@ -1,4 +1,4 @@
-import { Model } from 'backbone';
+import { Model } from 'common';
 import { result, forEach } from 'underscore';
 import Frames from 'canvas/model/Frames';
 
@@ -36,6 +36,32 @@ export default class Page extends Model {
     return this.get('frames');
   }
 
+  /**
+   * Get page id
+   * @returns {String}
+   */
+  getId() {
+    return this.id;
+  }
+
+  /**
+   * Get page name
+   * @returns {String}
+   */
+  getName() {
+    return this.get('name');
+  }
+
+  /**
+   * Update page name
+   * @param {String} name New page name
+   * @example
+   * page.setName('New name');
+   */
+  setName(name) {
+    return this.get({ name });
+  }
+
   /**
    * Get all frames
    * @returns {Array<Frame>}