add input_class and button_class configuration options

Author: unverbuggt

README.md

@@ -127,6 +127,8 @@ plugins:
         placeholder: 'another password placeholder'
         decryption_failure_message: 'another informational message when decryption fail'
         encryption_info_message: 'another information message when you dont have acess !'
+        input_class: 'md-search__form md-search__input'
+        button_class: 'md-search__icon'
 ```
 
 Default prefix title is `[Protected]`.
@@ -141,6 +143,7 @@ Defaut encryption information message is `Contact your administrator for access
 
 > **NOTE** Adding a prefix to the title does not change the default navigation path !
 
+Use `input_class` and `button_class` to optionally set a CSS class for the password field and the button.
 
 # Features
 

encryptcontent/decrypt-form.tpl.html

@@ -3,8 +3,8 @@
     <form id="mkdocs-decrypt-form">
         <h1>{{ summary }}</h1>
         {% if encryption_info_message %}<p>{{ encryption_info_message }}</p>{% endif %}
-        <input type="password" id="mkdocs-content-password" placeholder="{{ placeholder }}" />
-        {% if password_button %}<button id="mkdocs-decrypt-button">{{ password_button_text }}</button>{% endif %}
+        <input{% if input_class %} class="{{ input_class }}"{% endif %} type="password" id="mkdocs-content-password" placeholder="{{ placeholder }}" />
+        {% if password_button %}<button{% if button_class %} class="{{ button_class }}"{% endif %} id="mkdocs-decrypt-button">{{ password_button_text }}</button>{% endif %}
         <p id="mkdocs-decrypt-msg"></p>
     </form>
 </div>

encryptcontent/plugin.py

@@ -55,6 +55,8 @@ class encryptContentPlugin(BasePlugin):
         ('encryption_info_message', config_options.Type(string_types, default=str(SETTINGS['encryption_info_message']))),
         ('password_button_text', config_options.Type(string_types, default=str(SETTINGS['password_button_text']))),
         ('password_button', config_options.Type(bool, default=False)),
+        ('input_class', config_options.Type(string_types, default=None)),
+        ('button_class', config_options.Type(string_types, default=None)),
         # password feature
         ('global_password', config_options.Type(string_types, default=None)),
         ('use_secret', config_options.Type(string_types, default=None)),
@@ -127,6 +129,8 @@ def __encrypt_content__(self, content, password, base_path, encryptcontent_path)
             'password_button': self.config['password_button'],
             'password_button_text': self.config['password_button_text'],
             'encryption_info_message': self.config['encryption_info_message'],
+            'input_class': self.config['input_class'],
+            'button_class': self.config['button_class'],
             # this benign decoding is necessary before writing to the template,
             # otherwise the output string will be wrapped with b''
             'ciphertext_bundle': b';'.join(ciphertext_bundle).decode('ascii'),