Initial Commit
This commit is contained in:
commit
04b358021a
|
|
@ -0,0 +1,205 @@
|
||||||
|
import os
|
||||||
|
import secrets
|
||||||
|
from collections import deque
|
||||||
|
from typing import IO
|
||||||
|
|
||||||
|
|
||||||
|
class CaesarCipher:
|
||||||
|
def __init__(self, shift: int, pad: deque = None, file_name: str = None, use_pad: bool = False,
|
||||||
|
file: IO[str] = None):
|
||||||
|
"""
|
||||||
|
Constructor for CaesarCipher class
|
||||||
|
:param shift: value to shift the alphabet by
|
||||||
|
:type shift: int
|
||||||
|
:param pad: pad to use for encryption/decryption
|
||||||
|
:type pad: deque
|
||||||
|
:param file_name: path to file containing pad
|
||||||
|
:type file_name: str
|
||||||
|
:param use_pad: True: use pad, False: generate pad
|
||||||
|
:type use_pad: bool
|
||||||
|
"""
|
||||||
|
|
||||||
|
self.shift = shift
|
||||||
|
self.default_pad_length = 100
|
||||||
|
self.file_type_dict = {
|
||||||
|
'.txt': {
|
||||||
|
'function': self.convert_txt_to_list,
|
||||||
|
'default_file_name': 'pad.txt'
|
||||||
|
},
|
||||||
|
'.csv': {
|
||||||
|
'function': self.convert_csv_to_list,
|
||||||
|
'default_file_name': 'pad.csv'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if use_pad is False:
|
||||||
|
self.pad = deque([0] * self.default_pad_length)
|
||||||
|
else:
|
||||||
|
if file_name:
|
||||||
|
file_name, file_extension = os.path.splitext(file_name)
|
||||||
|
print(f'{file_name}, {file_extension}')
|
||||||
|
if file_extension in self.file_type_dict:
|
||||||
|
self.file_type_dict[file_extension]["function"](file_name + file_extension)
|
||||||
|
if file:
|
||||||
|
self.read_file(file)
|
||||||
|
else:
|
||||||
|
self.pad = pad if pad else self.gen_pad(self.default_pad_length)
|
||||||
|
|
||||||
|
def read_file(self, file: IO[str]) -> None:
|
||||||
|
"""
|
||||||
|
Read file object into deque, space delimited or comma delimited
|
||||||
|
:param file: file object to read
|
||||||
|
:type file: IO[str]
|
||||||
|
"""
|
||||||
|
# Try space delimited, then comma delimited
|
||||||
|
try:
|
||||||
|
self.pad = deque([int(num) for num in filter(str.isdigit, file.read().split(' '))])
|
||||||
|
print(f'Space Pad: {self.pad}')
|
||||||
|
except ValueError:
|
||||||
|
self.pad = deque([int(num) for num in filter(str.isdigit, file.read().split(','))])
|
||||||
|
print(f'comma Pad: {self.pad}')
|
||||||
|
except Exception as e:
|
||||||
|
print(f'Error reading file: {e}')
|
||||||
|
|
||||||
|
def get_pad(self) -> int:
|
||||||
|
"""
|
||||||
|
Get the next value from the pad
|
||||||
|
:return: next value from the pad
|
||||||
|
:rtype: int
|
||||||
|
"""
|
||||||
|
|
||||||
|
try:
|
||||||
|
pad_val = self.pad.popleft()
|
||||||
|
except (IndexError, AttributeError):
|
||||||
|
print(f'Error! Please pass the pad/pad file as an argument!')
|
||||||
|
self.gen_pad()
|
||||||
|
pad_val = self.pad.popleft()
|
||||||
|
|
||||||
|
return pad_val
|
||||||
|
|
||||||
|
def encrypt(self, plain_text: str) -> str:
|
||||||
|
"""
|
||||||
|
Encrypt plain_text using the Caesar Cipher
|
||||||
|
:param plain_text: text to encrypt
|
||||||
|
:type plain_text: str
|
||||||
|
:return: cipher text
|
||||||
|
:rtype: str
|
||||||
|
"""
|
||||||
|
|
||||||
|
result = ""
|
||||||
|
for char in plain_text:
|
||||||
|
if not char.isalpha():
|
||||||
|
result += char
|
||||||
|
else:
|
||||||
|
pad_val = self.get_pad()
|
||||||
|
result += chr((ord(char) + self.shift - 65 + pad_val) % 26 + 65) if char.isupper() else chr(
|
||||||
|
(ord(char) + self.shift - 97 + pad_val) % 26 + 97)
|
||||||
|
print(f'Result: {result}')
|
||||||
|
return result
|
||||||
|
|
||||||
|
def decrypt(self, cipher_text: str) -> str:
|
||||||
|
"""
|
||||||
|
Decrypt cipher_text using the Caesar Cipher
|
||||||
|
:param cipher_text: text to decrypt
|
||||||
|
:type cipher_text: str
|
||||||
|
:return: plain text
|
||||||
|
:rtype: str
|
||||||
|
"""
|
||||||
|
|
||||||
|
result = ""
|
||||||
|
for char in cipher_text:
|
||||||
|
if not char.isalpha():
|
||||||
|
result += char
|
||||||
|
else:
|
||||||
|
pad_val = self.get_pad()
|
||||||
|
result += chr((ord(char) - self.shift - 65 - pad_val) % 26 + 65) if char.isupper() else chr(
|
||||||
|
(ord(char) - self.shift - 97 - pad_val) % 26 + 97)
|
||||||
|
return result
|
||||||
|
|
||||||
|
def gen_pad(self, length: int = None) -> None:
|
||||||
|
"""
|
||||||
|
Generates a pad of random numbers, stores it in self.pad, and writes it to all default files (pad.txt, pad.csv)
|
||||||
|
:param length: length of pad to generate, defaults to 100
|
||||||
|
:type length: int
|
||||||
|
:return: None
|
||||||
|
"""
|
||||||
|
|
||||||
|
length = length if length else self.default_pad_length
|
||||||
|
pad = deque()
|
||||||
|
for i in range(length):
|
||||||
|
pad.append(secrets.randbelow(length))
|
||||||
|
|
||||||
|
self.pad = pad
|
||||||
|
# write to all default files
|
||||||
|
for key, value in self.file_type_dict.items():
|
||||||
|
self.write_pad_to_file(value['default_file_name'])
|
||||||
|
|
||||||
|
def write_pad_to_file(self, file_name: str = None) -> None:
|
||||||
|
"""
|
||||||
|
Writes the pad to a file. If no file name is provided, the default file name is used.
|
||||||
|
:param file_name: name of file to write pad to
|
||||||
|
:type file_name: str
|
||||||
|
:return: None
|
||||||
|
"""
|
||||||
|
|
||||||
|
file_name = file_name if file_name else self.file_type_dict[os.path.splitext(file_name)[1]]['default_file_name']
|
||||||
|
with open(file_name, 'w') as f:
|
||||||
|
if file_name.endswith('.csv'):
|
||||||
|
for i in self.pad:
|
||||||
|
f.write(f'{i},')
|
||||||
|
else:
|
||||||
|
for i in self.pad:
|
||||||
|
f.write(f'{i} ')
|
||||||
|
|
||||||
|
def convert_txt_to_list(self, file_name: str = None) -> None:
|
||||||
|
"""
|
||||||
|
Parses a text file containing a pad and stores it in object
|
||||||
|
:param file_name: name of text file to read pad from
|
||||||
|
:type file_name: str
|
||||||
|
:return: None
|
||||||
|
"""
|
||||||
|
|
||||||
|
file_name = file_name if file_name else self.file_type_dict[os.path.splitext(file_name)[1]]['default_file_name']
|
||||||
|
try:
|
||||||
|
with open(file_name, 'r') as f:
|
||||||
|
pad = f.readline()
|
||||||
|
pad = [int(i) for i in pad.split(' ') if i.strip()]
|
||||||
|
self.pad = deque(pad)
|
||||||
|
|
||||||
|
except FileNotFoundError:
|
||||||
|
print(f'File {file_name} not found. Please check the file name and try again.')
|
||||||
|
exit(1)
|
||||||
|
|
||||||
|
def convert_csv_to_list(self, file_name: str = None) -> None:
|
||||||
|
"""
|
||||||
|
Parses a csv file containing a pad and stores it in object
|
||||||
|
:param file_name: name of csv file to read pad from
|
||||||
|
:return: None
|
||||||
|
"""
|
||||||
|
|
||||||
|
file_name = file_name if file_name else self.file_type_dict[os.path.splitext(file_name)[1]]['default_file_name']
|
||||||
|
try:
|
||||||
|
with open(file_name, 'r') as f:
|
||||||
|
pad = f.readline()
|
||||||
|
pad = [int(x) for x in pad.split(',') for x in x.split(' ') if x.strip()]
|
||||||
|
self.pad = deque(pad)
|
||||||
|
|
||||||
|
except FileNotFoundError:
|
||||||
|
print(f'File {file_name} not found. Please check the file name and try again.')
|
||||||
|
exit(1)
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
text = "Hello World, this is a test!"
|
||||||
|
|
||||||
|
cipher = CaesarCipher(40, use_pad=False)
|
||||||
|
enc = cipher.encrypt(text)
|
||||||
|
|
||||||
|
decipher = CaesarCipher(40, use_pad=False)
|
||||||
|
dec = decipher.decrypt(enc)
|
||||||
|
|
||||||
|
print(f'Original: {text}')
|
||||||
|
print(f'Encrypted: {enc}')
|
||||||
|
print(f'Decrypted: {dec}')
|
||||||
|
|
||||||
|
assert text == dec, "Decrypted text does not match original text."
|
||||||
|
|
@ -0,0 +1,98 @@
|
||||||
|
import io
|
||||||
|
import base64
|
||||||
|
|
||||||
|
from flask import Flask, render_template, request, jsonify
|
||||||
|
|
||||||
|
from Ciphers.CaesarCipher.CaesarCipher import CaesarCipher
|
||||||
|
|
||||||
|
app = Flask(__name__)
|
||||||
|
|
||||||
|
|
||||||
|
@app.route('/')
|
||||||
|
def index():
|
||||||
|
return render_template('base.html')
|
||||||
|
|
||||||
|
|
||||||
|
@app.route('/b64', methods=['POST'])
|
||||||
|
def b64():
|
||||||
|
if 'b64_plaintext_input' in request.form:
|
||||||
|
text = request.form['b64_plaintext_input']
|
||||||
|
ciphertext_input = False
|
||||||
|
elif 'b64_ciphertext_input' in request.form:
|
||||||
|
text = request.form['b64_ciphertext_input']
|
||||||
|
ciphertext_input = True
|
||||||
|
else:
|
||||||
|
return jsonify({'error': 'No input provided'})
|
||||||
|
|
||||||
|
result = {}
|
||||||
|
if ciphertext_input:
|
||||||
|
base64_bytes = text.encode("ascii")
|
||||||
|
sample_string_bytes = base64.b64decode(base64_bytes)
|
||||||
|
result['cleartext'] = str(sample_string_bytes, "ascii")
|
||||||
|
else:
|
||||||
|
sample_string_bytes = text.encode("ascii")
|
||||||
|
base64_bytes = base64.b64encode(sample_string_bytes)
|
||||||
|
# print(f'Encoded string: {base64_bytes.decode("ascii")}')
|
||||||
|
result['ciphertext'] = str(base64_bytes.decode("ascii"))
|
||||||
|
|
||||||
|
return jsonify(result)
|
||||||
|
|
||||||
|
|
||||||
|
@app.route('/encrypt_decrypt', methods=['POST'])
|
||||||
|
def encrypt_decrypt():
|
||||||
|
if 'plaintext_input' in request.form:
|
||||||
|
text = request.form['plaintext_input']
|
||||||
|
ciphertext_input = False
|
||||||
|
elif 'ciphertext_input' in request.form:
|
||||||
|
text = request.form['ciphertext_input']
|
||||||
|
ciphertext_input = True
|
||||||
|
else:
|
||||||
|
return jsonify({'error': 'No input provided'})
|
||||||
|
|
||||||
|
key = int(request.form['key'])
|
||||||
|
|
||||||
|
result = {}
|
||||||
|
if ciphertext_input:
|
||||||
|
pad_file = request.files.get('pad_file')
|
||||||
|
if pad_file:
|
||||||
|
pad = io.StringIO(pad_file.stream.read().decode('utf-8'))
|
||||||
|
cipher = CaesarCipher(shift=key, use_pad=True, file=pad)
|
||||||
|
else:
|
||||||
|
cipher = CaesarCipher(shift=key, use_pad=False)
|
||||||
|
|
||||||
|
result['cleartext'] = cipher.decrypt(text)
|
||||||
|
|
||||||
|
if pad_file:
|
||||||
|
pad.seek(0)
|
||||||
|
new_cipher = CaesarCipher(shift=key, use_pad=True, file=pad)
|
||||||
|
encrypted_text = new_cipher.encrypt(result['cleartext'])
|
||||||
|
else:
|
||||||
|
new_cipher = CaesarCipher(shift=key, use_pad=False)
|
||||||
|
encrypted_text = new_cipher.encrypt(result['cleartext'])
|
||||||
|
|
||||||
|
result['ciphertext'] = encrypted_text
|
||||||
|
else:
|
||||||
|
pad_file = request.files.get('pad_file')
|
||||||
|
if pad_file:
|
||||||
|
pad = io.StringIO(pad_file.stream.read().decode('utf-8'))
|
||||||
|
cipher = CaesarCipher(shift=key, use_pad=True, file=pad)
|
||||||
|
else:
|
||||||
|
cipher = CaesarCipher(shift=key, use_pad=False)
|
||||||
|
|
||||||
|
result['ciphertext'] = cipher.encrypt(text)
|
||||||
|
|
||||||
|
if pad_file:
|
||||||
|
pad.seek(0)
|
||||||
|
new_cipher = CaesarCipher(shift=key, use_pad=True, file=pad)
|
||||||
|
decrypted_text = new_cipher.decrypt(result['ciphertext'])
|
||||||
|
else:
|
||||||
|
new_cipher = CaesarCipher(shift=key, use_pad=False)
|
||||||
|
decrypted_text = new_cipher.decrypt(result['ciphertext'])
|
||||||
|
|
||||||
|
result['cleartext'] = decrypted_text
|
||||||
|
|
||||||
|
return jsonify(result)
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == '__main__':
|
||||||
|
app.run(host='0.0.0.0', port=3000, debug=True)
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
<div class="form-group">
|
||||||
|
<form method="POST" action="{{ url_for('encrypt_decrypt') }}">
|
||||||
|
<label for="ciphertext_input">
|
||||||
|
Enter Cipher text here:
|
||||||
|
</label>
|
||||||
|
<input type="text" id="ciphertext_input" name="ciphertext_input"
|
||||||
|
placeholder="Enter your text here" class="form-control">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="key-input-decrypt">Shift Value:</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<span class="input-group-prepend">
|
||||||
|
<button class="btn btn-outline-secondary" type="button" onclick="decrementKeyDecrypt()">-</button>
|
||||||
|
</span>
|
||||||
|
<label for="key-input-decrypt"></label><input type="text" id="key-input-decrypt"
|
||||||
|
name="key-input-decrypt" class="form-control" min="1"
|
||||||
|
max="1000000000000000" value="3"
|
||||||
|
oninput="updateSliderValue()">
|
||||||
|
<span class="input-group-append">
|
||||||
|
<button class="btn btn-outline-secondary" type="button" onclick="incrementKeyDecrypt()">+</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="key-slider-decrypt">
|
||||||
|
Enter Shift Value
|
||||||
|
</label>
|
||||||
|
<input type="range" id="key-slider-decrypt" name="key" min="1"
|
||||||
|
max="1000000000000000" value="3" class="form-control"
|
||||||
|
oninput="updateKeyInput()">
|
||||||
|
</div>
|
||||||
|
<div class="custom-file">
|
||||||
|
<span class="string">Upload pad file:</span>
|
||||||
|
<input type="file" id="file-input-decrypt" onchange="updateLabelDecrypt()">
|
||||||
|
<label for="file-input-decrypt" id="file-label-decrypt">Choose file</label>
|
||||||
|
<button id="remove-file-btn-decrypt" onclick="removeFileDecrypt()" style="display: none;">Remove
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="ciphertext-decrypt">Cipher Text:</label><input type="text" id="ciphertext-decrypt"
|
||||||
|
name="ciphertext-decrypt"
|
||||||
|
placeholder="Cipher Text"
|
||||||
|
class="form-control" readonly>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="form-group alert alert-success">
|
||||||
|
<label for="cleartext-decrypt">Clear Text:</label>
|
||||||
|
<input type="text" id="cleartext-decrypt" name="cleartext-decrypt" placeholder="Clear Text"
|
||||||
|
class="form-control" readonly>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function update_decrypt() {
|
||||||
|
let ciphertext = document.getElementById('ciphertext_input').value;
|
||||||
|
let key = document.getElementById('key-slider-decrypt').value;
|
||||||
|
{#let xhrEncrypt = new XMLHttpRequest();#}
|
||||||
|
let pad_file = document.getElementById('file-input').files[0];
|
||||||
|
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('ciphertext_input', ciphertext);
|
||||||
|
formData.append('key', key);
|
||||||
|
formData.append('pad_file', pad_file);
|
||||||
|
|
||||||
|
let xhrEncrypt = new XMLHttpRequest();
|
||||||
|
xhrEncrypt.open('POST', '{{ url_for("encrypt_decrypt") }}');
|
||||||
|
xhrEncrypt.onload = function () {
|
||||||
|
let ciphertext = JSON.parse(xhrEncrypt.responseText)['ciphertext'];
|
||||||
|
let cleartext = JSON.parse(xhrEncrypt.responseText)['cleartext'];
|
||||||
|
document.getElementById('ciphertext-decrypt').value = ciphertext;
|
||||||
|
document.getElementById('cleartext-decrypt').value = cleartext;
|
||||||
|
};
|
||||||
|
xhrEncrypt.send(formData);
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateSliderValueDecrypt() {
|
||||||
|
document.getElementById('key-slider-decrypt').value = document.getElementById('key-input-decrypt').value;
|
||||||
|
update_decrypt();
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateKeyInputDecrypt() {
|
||||||
|
document.getElementById('key-input-decrypt').value = document.getElementById('key-slider-decrypt').value;
|
||||||
|
update_decrypt();
|
||||||
|
}
|
||||||
|
|
||||||
|
function incrementKeyDecrypt() {
|
||||||
|
let keyInput = document.getElementById('key-input-decrypt');
|
||||||
|
let currentValue = parseInt(keyInput.value);
|
||||||
|
if (currentValue < parseInt(keyInput.max)) {
|
||||||
|
keyInput.value = currentValue + 1;
|
||||||
|
updateSliderValueDecrypt();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function decrementKeyDecrypt() {
|
||||||
|
let keyInput = document.getElementById('key-input-decrypt');
|
||||||
|
let currentValue = parseInt(keyInput.value);
|
||||||
|
if (currentValue > parseInt(keyInput.min)) {
|
||||||
|
keyInput.value = currentValue - 1;
|
||||||
|
updateSliderValueDecrypt();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateLabelDecrypt() {
|
||||||
|
let fileInput = document.getElementById('file-input-decrypt');
|
||||||
|
let fileLabel = document.getElementById('file-label-decrypt');
|
||||||
|
let removeBtn = document.getElementById('remove-file-btn-decrypt');
|
||||||
|
|
||||||
|
if (fileInput.value) {
|
||||||
|
fileLabel.innerHTML = fileInput.value.match(/[\/\\]([\w\d\s\.\-\(\)]+)$/)[1];
|
||||||
|
removeBtn.style.display = 'inline-block';
|
||||||
|
} else {
|
||||||
|
fileLabel.innerHTML = 'Choose file';
|
||||||
|
removeBtn.style.display = 'none';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeFileDecrypt() {
|
||||||
|
let fileInput = document.getElementById('file-input-decrypt');
|
||||||
|
let fileLabel = document.getElementById('file-label-decrypt');
|
||||||
|
let removeBtn = document.getElementById('remove-file-btn-decrypt');
|
||||||
|
|
||||||
|
fileInput.value = '';
|
||||||
|
fileLabel.innerHTML = 'Choose file';
|
||||||
|
removeBtn.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('ciphertext_input').addEventListener('input', update_decrypt);
|
||||||
|
document.getElementById('key-slider-decrypt').addEventListener('input', updateKeyInputDecrypt);
|
||||||
|
document.getElementById('key-input-decrypt').addEventListener('input', updateSliderValueDecrypt);
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,138 @@
|
||||||
|
<div class="form-group">
|
||||||
|
<form method="POST" action="{{ url_for('encrypt_decrypt') }}">
|
||||||
|
<label for="plaintext_input">
|
||||||
|
Enter Plaintext Here:
|
||||||
|
</label>
|
||||||
|
<input type="text" id="plaintext_input" name="plaintext_input"
|
||||||
|
placeholder="Enter your text here" class="form-control">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="key-input">Shift Value:</label>
|
||||||
|
<div class="input-group">
|
||||||
|
<span class="input-group-prepend">
|
||||||
|
<button class="btn btn-outline-secondary" type="button" onclick="decrementKey()">-</button>
|
||||||
|
</span>
|
||||||
|
<input type="text" id="key-input" name="key" class="form-control" min="1" max="1000000000000000"
|
||||||
|
value="3" oninput="updateSliderValue()">
|
||||||
|
<span class="input-group-append">
|
||||||
|
<button class="btn btn-outline-secondary" type="button" onclick="incrementKey()">+</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label for="key-slider">
|
||||||
|
Enter shift value:
|
||||||
|
</label>
|
||||||
|
<input type="range" id="key-slider" name="key" min="1" max="1000000000000000"
|
||||||
|
value="3"
|
||||||
|
class="form-control" oninput="updateKeyInput()">
|
||||||
|
</div>
|
||||||
|
<div class="custom-file">
|
||||||
|
<input type="file" id="file-input" onchange="updateLabel()">
|
||||||
|
<label for="file-input" id="file-label">Choose file</label>
|
||||||
|
<button id="remove-file-btn" onclick="removeFile()" style="display: none;">Remove</button>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="form-group alert alert-success">
|
||||||
|
<label for="ciphertext">Cipher Text:</label>
|
||||||
|
<input type="text" id="ciphertext" name="ciphertext" placeholder="Cipher Text"
|
||||||
|
class="form-control" readonly>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="cleartext">Clear Text:</label>
|
||||||
|
<input type="text" id="cleartext" name="cleartext" placeholder="Clear Text"
|
||||||
|
class="form-control" readonly >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function update() {
|
||||||
|
let plaintext = document.getElementById('plaintext_input').value;
|
||||||
|
let key = document.getElementById('key-slider').value;
|
||||||
|
let pad_file = document.getElementById('file-input').files[0];
|
||||||
|
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('plaintext_input', plaintext);
|
||||||
|
formData.append('key', key);
|
||||||
|
formData.append('pad_file', pad_file);
|
||||||
|
|
||||||
|
let xhrEncrypt = new XMLHttpRequest();
|
||||||
|
xhrEncrypt.open('POST', '{{ url_for("encrypt_decrypt") }}');
|
||||||
|
xhrEncrypt.onload = function () {
|
||||||
|
let ciphertext = JSON.parse(xhrEncrypt.responseText)['ciphertext'];
|
||||||
|
let cleartext = JSON.parse(xhrEncrypt.responseText)['cleartext'];
|
||||||
|
document.getElementById('ciphertext').value = ciphertext;
|
||||||
|
document.getElementById('cleartext').value = cleartext;
|
||||||
|
};
|
||||||
|
xhrEncrypt.send(formData);
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateSliderValue() {
|
||||||
|
document.getElementById('key-slider').value = document.getElementById('key-input').value;
|
||||||
|
update();
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateKeyInput() {
|
||||||
|
document.getElementById('key-input').value = document.getElementById('key-slider').value;
|
||||||
|
update();
|
||||||
|
}
|
||||||
|
|
||||||
|
function incrementKey() {
|
||||||
|
let keyInput = document.getElementById('key-input');
|
||||||
|
let currentValue = parseInt(keyInput.value);
|
||||||
|
if (currentValue < parseInt(keyInput.max)) {
|
||||||
|
keyInput.value = currentValue + 1;
|
||||||
|
updateSliderValue();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function decrementKey() {
|
||||||
|
let keyInput = document.getElementById('key-input');
|
||||||
|
let currentValue = parseInt(keyInput.value);
|
||||||
|
if (currentValue > parseInt(keyInput.min)) {
|
||||||
|
keyInput.value = currentValue - 1;
|
||||||
|
updateSliderValue();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateLabel() {
|
||||||
|
let fileInput = document.getElementById('file-input');
|
||||||
|
let fileLabel = document.getElementById('file-label');
|
||||||
|
let removeBtn = document.getElementById('remove-file-btn');
|
||||||
|
|
||||||
|
if (fileInput.value) {
|
||||||
|
fileLabel.innerHTML = fileInput.value.match(/[\/\\]([\w\d\s\.\-\(\)]+)$/)[1];
|
||||||
|
removeBtn.style.display = 'inline-block';
|
||||||
|
} else {
|
||||||
|
fileLabel.innerHTML = 'Choose file';
|
||||||
|
removeBtn.style.display = 'none';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeFile() {
|
||||||
|
let fileInput = document.getElementById('file-input');
|
||||||
|
let fileLabel = document.getElementById('file-label');
|
||||||
|
let removeBtn = document.getElementById('remove-file-btn');
|
||||||
|
|
||||||
|
fileInput.value = '';
|
||||||
|
fileLabel.innerHTML = 'Choose file';
|
||||||
|
removeBtn.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('plaintext_input').addEventListener('input', update);
|
||||||
|
document.getElementById('key-slider').addEventListener('input', updateKeyInput);
|
||||||
|
document.getElementById('key-input').addEventListener('input', updateSliderValue);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,88 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Required meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||||
|
|
||||||
|
<title>Cipher App</title>
|
||||||
|
</head>
|
||||||
|
<body class="container-fluid bg-light">
|
||||||
|
<div class="mt-4 p-5 bg-info text-white rounded">
|
||||||
|
<h1>Cipher App</h1>
|
||||||
|
<p>Made with Flask</p>
|
||||||
|
<p>By: <a href="https://devblog.periodicc.com/about/" class="text-white">Devoalda</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<h1 class="mt-3">Caesar Cipher</h1>
|
||||||
|
<ul class="nav nav-tabs mx-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" data-toggle="tab" href="#plaintext-tab">Encrypt</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-toggle="tab" href="#ciphertext-tab">Decrypt</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content container-fluid">
|
||||||
|
<div id="plaintext-tab" class="tab-pane fade show active">
|
||||||
|
<!-- Your plaintext input form here -->
|
||||||
|
<!-- URL for /encrypt -->
|
||||||
|
<div class="container-fluid mt-3">
|
||||||
|
{% include "CaesarEncrypt.html" %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="ciphertext-tab" class="tab-pane fade">
|
||||||
|
<!-- Your ciphertext input form here -->
|
||||||
|
<div class="container-fluid mt-3">
|
||||||
|
{% include "CaesarDecrypt.html" %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-fluid">
|
||||||
|
<h1 class="mt-3">Base 64 Encoding</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-fluid">
|
||||||
|
<ul class="nav nav-tabs mx-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" data-toggle="tab" href="#b64-plaintext-tab">Encrypt</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-toggle="tab" href="#b64-ciphertext-tab">Decrypt</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content">
|
||||||
|
<div id="b64-plaintext-tab" class="tab-pane fade show active">
|
||||||
|
<!-- Your plaintext input form here -->
|
||||||
|
<div class="container-fluid mt-3">
|
||||||
|
{% include "base64Encode.html" %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="b64-ciphertext-tab" class="tab-pane fade">
|
||||||
|
<!-- Your ciphertext input form here -->
|
||||||
|
<div class="container-fluid mt-3">
|
||||||
|
{% include "base64Decode.html" %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Optional JavaScript -->
|
||||||
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||||
|
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
<div class="form-group">
|
||||||
|
<form method="POST" action="{{ url_for('b64') }}">
|
||||||
|
<label for="b64_plaintext_input_decrypt">Enter Cipher Text Here:</label>
|
||||||
|
<input type="text" id="b64_plaintext_input_decrypt" name="b64_plaintext_input_decrypt"
|
||||||
|
placeholder="Enter your text here" class="form-control">
|
||||||
|
<div class="alert alert-success">
|
||||||
|
<label for="b64_ciphertext_decrypt">
|
||||||
|
Clear Text:
|
||||||
|
</label>
|
||||||
|
<input type="text" id="b64_ciphertext_decrypt" name="b64_ciphertext_decrypt"
|
||||||
|
placeholder="Cipher Text" class="form-control" readonly>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function b64DecryptUpdate(){
|
||||||
|
let plaintext = document.getElementById("b64_plaintext_input_decrypt").value;
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('b64_ciphertext_input', plaintext);
|
||||||
|
|
||||||
|
let xhrRequest = new XMLHttpRequest();
|
||||||
|
xhrRequest.open('POST', '/b64');
|
||||||
|
xhrRequest.onload = function(){
|
||||||
|
document.getElementById("b64_ciphertext_decrypt").value = JSON.parse(xhrRequest.responseText)['cleartext'];
|
||||||
|
};
|
||||||
|
xhrRequest.send(formData);
|
||||||
|
}
|
||||||
|
document.getElementById('b64_plaintext_input_decrypt').addEventListener('input', b64DecryptUpdate);
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
<div class="form-group">
|
||||||
|
<form method="POST" action="{{ url_for('b64') }}">
|
||||||
|
<label for="b64_plaintext_input">Enter Plaintext Here:</label>
|
||||||
|
<input type="text" id="b64_plaintext_input" name="b64_plaintext_input"
|
||||||
|
placeholder="Enter your text here" class="form-control">
|
||||||
|
<div class="alert alert-success">
|
||||||
|
<label for="b64_ciphertext">
|
||||||
|
Cipher Text:
|
||||||
|
</label>
|
||||||
|
<input type="text" id="b64_ciphertext" name="b64_ciphertext"
|
||||||
|
placeholder="Cipher Text" class="form-control" readonly>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function b64Update() {
|
||||||
|
let plaintext = document.getElementById("b64_plaintext_input").value;
|
||||||
|
let formData = new FormData();
|
||||||
|
formData.append('b64_plaintext_input', plaintext);
|
||||||
|
|
||||||
|
let xhrRequest = new XMLHttpRequest();
|
||||||
|
xhrRequest.open('POST', '/b64');
|
||||||
|
xhrRequest.onload = function () {
|
||||||
|
document.getElementById("b64_ciphertext").value = JSON.parse(xhrRequest.responseText)['ciphertext'];
|
||||||
|
};
|
||||||
|
xhrRequest.send(formData);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('b64_plaintext_input').addEventListener('input', b64Update);
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue