Skip to content
Snippets Groups Projects
Verified Commit ea7f6d36 authored by Joshua Barlin's avatar Joshua Barlin
Browse files

Merge in changes

parents 2a6d99db 74268267
No related branches found
No related tags found
No related merge requests found
......@@ -34,10 +34,17 @@
<div id="wrapper">
<div id="input-div">
<h2 id="input-header">Input</h2>
<div id="input-buttons">
<div id="input-controls">
<i class="fas fa-bold"></i> <i class="fas fa-italic"></i> <i class="fas fa-underline"></i> <i class="fas fa-font"></i>
<i class="fas fa-align-left"></i> <i class="fas fa-align-center"></i> <i class="fas fa-align-right"></i>
<i class="fas fa-h1"></i> <i class="fas fa-h2"></i> <i class="fas fa-h3"></i>
<i class="fas fa-paragraph"></i> <i class="fas fa-list-ul"></i> <i class="fas fa-list-ol"></i>
<select id="heading-size">
<option value="">Heading</option>
<option value="h1">Heading 1</option>
<option value="h2">Heading 2</option>
<option value="h3">Heading 3</option>
<option value="h4">Heading 4</option>
</select>
</div>
<textarea id="input-textarea" autocomplete="off" aria-labelledby="input-header"></textarea>
</div>
......
......@@ -7,9 +7,62 @@ $(document).ready(function () {
//console.log('Alteration!')
$('#output-pre').text($('#input-textarea').val());
});
var buttonList = ['bold', 'italic'];
var $inBtns = $('#input-buttons');
var buttonList = [
{
'type': 'icon',
'icon': 'bold',
'name': 'Bold',
'id': 'bold',
'onclick': function () {
return true;
}
},
{
'type': 'icon',
'icon': 'italic',
'name': 'Italic',
'id': 'italic',
'onclick': function () {
return true;
}
},
{
'type': 'drop',
'id': 'header',
'values': [
{
'name': 'Heading 1',
'value': 'h1'
},
{
'name': 'Heading 2',
'value': 'h2'
},
],
'onchange': function () {
return true;
}
}
];
var $inBtns = $('#input-controls');
$inBtns.html('');
buttonList.forEach(item => {
switch (item.type) {
case 'icon':
var $btn = $('<button>');
//<i class="fas fa-bold"></i>
var $i = $('<i>');
$i.addClass('fas');
$i.addClass('fa-' + item.icon);
$i.attr('id', 'in-icon-' + item.id);
$btn.attr('id', 'in-btn-' + item.id);
$btn.append($i);
$btn.on('click', item.onclick)
$inBtns.append($btn);
break;
case 'drop':
console.log(item);
break;
}
});
});
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment