disable mam by default and add setting

locales/en.json

@@ -302,6 +302,8 @@
     "Close_all": "Close all",
     "Notification": "Notification",
     "Unreadable_OTR_message": "Unreadable OTR message omitted",
-    "Load_older_messages": "Load older messages"
+    "Load_older_messages": "Load older messages",
+    "setting-mam-enable": "If enabled you are able to retrieve stored message from the server.",
+    "Message_history": "Message history"
   }
-}
+}

scss/_jsxc.scss

@@ -111,6 +111,16 @@
                 background-color: #f2f2f2;
                 padding: 10px;
                 margin: 0 -30px 10px;
+
+                &.jsxc_experimental:after {
+                    content: "experimental";
+                    font-size: 0.7em;
+                    border-radius: 2px;
+                    padding: 1px 5px;
+                    background-color: orange;
+                    margin-left: 5px;
+                    font-weight: normal;
+                }
             }
         }
     }

src/jsxc.lib.options.js

@@ -303,8 +303,11 @@ jsxc.options = {
       chrome: ''
    },
 
+   /**
+    * Options for Message Archive Management (XEP-0313)
+    */
    mam: {
-      enable: true,
+      enable: false,
       max: null
    }
 };

template/settings.html

@@ -97,6 +97,27 @@
    </fieldset>
 </form>
 
+<form class="form-horizontal col-sm-6">
+   <fieldset class="jsxc_fieldsetMam jsxc_fieldset">
+      <h3 class="jsxc_experimental" data-i18n="Message_history"></h3>
+      <p data-i18n="setting-mam-enable"></p>
+      <div class="form-group">
+         <div class="col-sm-12">
+            <div class="checkbox">
+               <label>
+                  <input type="checkbox" id="mam-enable"><span data-i18n="Enable"></span>
+               </label>
+            </div>
+         </div>
+      </div>
+      <div class="form-group">
+         <div class="col-sm-12">
+            <button class="btn btn-primary jsxc_continue" type="submit" data-i18n="Save"></button>
+         </div>
+      </div>
+   </fieldset>
+</form>
+
 <form class="form-horizontal col-sm-6" data-onsubmit="xmpp.carbons.refresh">
    <fieldset class="jsxc_fieldsetCarbons jsxc_fieldset">
       <h3 data-i18n="Carbon_copy"></h3>