Add parameter 'pageview' (used on ep_page_view plugin)

README.md

@@ -13,6 +13,10 @@ The Etherpad jQuery Plugin easily allows you to embed and access a pad from Ethe
 `$('#examplePadBasic').pad({'padId':'test','showChat':true});`
 <div id="examplePadIntense"></div>
 
+### Sets the pad id, some plugin parameters and puts the pad in the div
+`$('#examplePadPlugins').pad({'padId':'test','plugins':{'pageview':'true'}});`
+<div id="examplePadPlugins"></div>
+
 ### Gets the padContents from Example #2 and writes it to the target div "exampleGetContents"
 `$('#examplePadBasic').pad({'getContents':'exampleGetContents'});`
 
@@ -33,6 +37,7 @@ The Etherpad jQuery Plugin easily allows you to embed and access a pad from Ethe
 'height'           : 100,  // The height of the embedded IFrame
 'border'           : 0,    // The width of the border (make sure to append px to a numerical value)
 'borderStyle'      : 'solid', // The CSS style of the border	[none, dotted, dashed, solid, double, groove, ridge, inset, outset]
+'plugins'          : {}, // The options related to the plugins, not to the basic Etherpad configuration
 'rtl'              : false // Show text from right to left
 </pre>
 

index.html

@@ -19,10 +19,14 @@ <h2>Example #1: Sets the pad id and puts the pad in the div</h2>
 	<div id="examplePadBasic"></div>
 
         <h2>Example #2: Sets the pad id, some more parameters and puts the pad in the div</h2>
-        <pre>$('#examplePadIntense').pad({'padId':'test','showChat':'true'});</pre>
+        <pre>$('#examplePadIntense').pad({'padId':'test2','showChat':'true'});</pre>
         <div id="examplePadIntense"></div>
 
-	<h2>Example #3: Gets the padContents from Example #2</h2>
+        <h2>Example #3: Sets the pad id, some plugin parameters and puts the pad in the div</h2>
+        <pre>$('#examplePadPlugins').pad({'padId':'test3','plugins':{'pageview':'true'}});</pre>
+        <div id="examplePadPlugins"></div>
+
+        <h2>Example #4: Gets the padContents from Example #2</h2>
         <pre>$('#examplePadIntense').pad({'getContents':'exampleGetContents'});</pre>
         <div id="exampleGetContents"><a id="contents" onClick="$('#examplePadIntense').pad({'getContents':'exampleGetContents'});">Click me to Replace me with the pad contents</a></div>
 
@@ -43,6 +47,7 @@ <h2>Available options and parameters</h2>
                'height'           : 100,                        // The height of the embedded IFrame
                'border'           : 0,                          // The width of the border (make sure to append px to a numerical value)
                'borderStyle'      : 'solid'                     // The CSS style of the border [none, dotted, dashed, solid, double, groove, ridge, inset, outset]
+               'plugins'          : {},                         // The options related to the plugins, not to the basic Etherpad configuration
                'rtl'              : false                       // Show right to left text
         </pre>
 
@@ -52,6 +57,9 @@ <h2>Available options and parameters</h2>
 
         // A slightly more intense example
         $('#examplePadIntense').pad({'padId':'test2','showChat':'true'}); // sets the pad id and puts the pad in the div
+
+        // An example with plugin parameters
+        $('#examplePadPlugins').pad({'padId':'test3','plugins':{'pageview':'true'}}); // sets the pad id, some plugin parameters, and puts the pad in the div
 	</script>
 
 <h3>If you are confused, view the source code for examples</h3>

js/etherpad.js

@@ -20,6 +20,7 @@
       'borderStyle'       : 'solid',
       'toggleTextOn'      : 'Disable Rich-text',
       'toggleTextOff'     : 'Enable Rich-text',
+      'plugins'           : {},
       'rtl'               : false
     };
 
@@ -36,6 +37,11 @@
         $.extend( settings, options );
       }
 
+      var pluginParams = '';
+      for(var option in settings.plugins) {
+        pluginParams += '&' + option + '=' + settings.plugins[option]
+      }
+
       var iFrameLink = '<iframe id="'+epframeId;
           iFrameLink = iFrameLink +'" name="' + epframeId;
           iFrameLink = iFrameLink +'" src="' + settings.host+settings.baseUrl+settings.padId;
@@ -52,6 +58,7 @@
           iFrameLink = iFrameLink + '&hideQRCode=' + settings.hideQRCode;
           iFrameLink = iFrameLink + '&alwaysShowChat=' + settings.alwaysShowChat;
           iFrameLink = iFrameLink + '&rtl=' + settings.rtl;
+          iFrameLink = iFrameLink + pluginParams;
           iFrameLink = iFrameLink +'" style="border:' + settings.border;
           iFrameLink = iFrameLink +'; border-style:' + settings.borderStyle;
           iFrameLink = iFrameLink +';" width="' + '100%';//settings.width;