add "always allow" option to the mediastream infobar and allow user to allow/not allow acces to devi

chrome/browser/resources/options2/content_settings.html

 <div id="content-settings-page" class="page" hidden>
   <div class="close-button"></div>
   <h1 i18n-content="contentSettingsPage"></h1>
   <div class="content-area">
     <!-- Cookie filter tab contents -->
     <section>
       <h3 i18n-content="cookies_tab_label"></h3>
       <div>
         <div class="radio">
           <label>
@@ skipping 278 matching lines @@
         </div>
         <div class="checkbox">
           <label>
             <input pref="settings.privacy.drm_enabled" type="checkbox">
             <span i18n-content="protectedContentEnable"></span>
           </label>
         </div>
       </div>
     </section>
 </if>
+    <!-- MediaStream capture device filter -->
+    <section>
+      <h3 i18n-content="mediastream_tab_label"></h3>

[Evan Stade, 2012/06/15 18:51:25]

these i18n var names should be camel case. Also, please keep it consistent
whether "mediastream" is one word or two (looks like it should be two:
mediaStream)

I realize that much of this file fails to follow this advice, but it should.

[no longer working on chromium, 2012/06/15 21:04:47]

I checked the naming style for the existing code, but could not find any one
camelcase, and I use mediastream because of similar case like mouselock. Could
you please confirm it?

In case mediastream is a bad name anyway, I can consider changing it to media.

[Evan Stade, 2012/06/15 21:33:32]

examples of i18n-content="camelCase" in this file: L293, L288, L284, L273, etc.

mouselock is bad, it should be mouseLock. It's not uncommon to have
inconsistencies like this (SpellCheck vs. Spellcheck, AutoFill vs Autofill,
etc.), but they are all terribly annoying. I don't really care between
MediaStream/mediaStream/media_stream and Mediastream/mediastream/mediastream,
but it should be consistent.

[no longer working on chromium, 2012/06/18 10:22:49]

Thanks for pointing out, this file is indeed misled, and hard to find a
consistent style. I changed them to camelcase, please double check.

+      <div>
+        <div class="radio">
+          <label>
+            <input type="radio" name="mediastream" value="ask">
+            <span i18n-content="mediastream_ask"></span>
+          </label>
+        </div>
+        <div class="radio">
+          <label>
+            <input type="radio" name="mediastream" value="block">
+            <span i18n-content="mediastream_block"></span>
+          </label>
+        </div>
+        <button class="exceptions-list-button" contentType="mediastream"
+            i18n-content="manage_exceptions"></button>
+      </div>
+    </section>
   </div>
   <div class="action-area">
     <div class="button-strip">
       <button id="content-settings-overlay-confirm" i18n-content="ok"></button>
     </div>
   </div>
 </div>