Initial commit
This commit is contained in:
17
app/views/forms/colorSelect.html
Normal file
17
app/views/forms/colorSelect.html
Normal file
@ -0,0 +1,17 @@
|
||||
<select id="color" name="color" class="form-control custom-select" value="{color}">
|
||||
<option class="white" value="default">Default</option>
|
||||
<option class="primary" value="primary">Blue</option>
|
||||
<option class="success" value="success">Green</option>
|
||||
<option class="info" value="info">Light Blue</option>
|
||||
<option class="warning" value="warning">Yellow</option>
|
||||
<option class="danger" value="danger">Red</option>
|
||||
<option class="white" value="none">None</option>
|
||||
</select>
|
||||
<script>
|
||||
document.getElementById('color').addEventListener('change', function() {
|
||||
var container = document.getElementById('color');
|
||||
var selectedClass = this.options[this.selectedIndex].className;
|
||||
console.log( 'change color to: ' + selectedClass );
|
||||
container.className = 'form-control custom-select ' + selectedClass;
|
||||
});
|
||||
</script>
|
51
app/views/forms/iconSelect.html
Normal file
51
app/views/forms/iconSelect.html
Normal file
@ -0,0 +1,51 @@
|
||||
<div id="selected-icon">No icon selected</div>
|
||||
<button class="btn btn-default dropdown-toggle" type="button" id="iconMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
||||
Select Icon <span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" aria-labelledby="iconMenu">
|
||||
<li><a href="#" onclick="setIcon('asterisk', 'Asterisk')"><span class="glyphicon glyphicon-asterisk"></span> Asterisk</a></li>
|
||||
<li><a href="#" onclick="setIcon('plus', 'Plus')"><span class="glyphicon glyphicon-plus"></span> Plus</a></li>
|
||||
<li><a href="#" onclick="setIcon('cloud', 'Cloud')"><span class="glyphicon glyphicon-cloud"></span> Cloud</a></li>
|
||||
<li><a href="#" onclick="setIcon('envelope', 'Envelope')"><span class="glyphicon glyphicon-envelope"></span> Envelope</a></li>
|
||||
<li><a href="#" onclick="setIcon('pencil', 'Pencil')"><span class="glyphicon glyphicon-pencil"></span> Pencil</a></li>
|
||||
<li><a href="#" onclick="setIcon('film', 'Film')"><span class="glyphicon glyphicon-film"></span> Film</a></li>
|
||||
<li><a href="#" onclick="setIcon('star', 'Star')"><span class="glyphicon glyphicon-star"></span> Star</a></li>
|
||||
<li><a href="#" onclick="setIcon('star-empty', 'Star Empty')"><span class="glyphicon glyphicon-star-empty"></span> Star Empty</a></li>
|
||||
<li><a href="#" onclick="setIcon('remove', 'Remove')"><span class="glyphicon glyphicon-remove"></span> Remove</a></li>
|
||||
<li><a href="#" onclick="setIcon('ok', 'Ok')"><span class="glyphicon glyphicon-ok"></span> Ok</a></li>
|
||||
<li><a href="#" onclick="setIcon('th-large', 'Th Large')"><span class="glyphicon glyphicon-th-large"></span> Th Large</a></li>
|
||||
<li><a href="#" onclick="setIcon('home', 'Home')"><span class="glyphicon glyphicon-home"></span> Home</a></li>
|
||||
<li><a href="#" onclick="setIcon('time', 'Time')"><span class="glyphicon glyphicon-time"></span> Time</a></li>
|
||||
<li><a href="#" onclick="setIcon('repeat', 'Repeat')"><span class="glyphicon glyphicon-repeat"></span> Repeat</a></li>
|
||||
<li><a href="#" onclick="setIcon('barcode', 'Barcode')"><span class="glyphicon glyphicon-barcode"></span> Barcode</a></li>
|
||||
<li><a href="#" onclick="setIcon('flag', 'Flag')"><span class="glyphicon glyphicon-flag"></span> Flag</a></li>
|
||||
<li><a href="#" onclick="setIcon('hdd', 'HDD')"><span class="glyphicon glyphicon-hdd"></span> HDD</a></li>
|
||||
<li><a href="#" onclick="setIcon('play', 'Play')"><span class="glyphicon glyphicon-play"></span> Play</a></li>
|
||||
<li><a href="#" onclick="setIcon('tags', 'Tags')"><span class="glyphicon glyphicon-tags"></span> Tags</a></li>
|
||||
<li><a href="#" onclick="setIcon('camera', 'Camera')"><span class="glyphicon glyphicon-camera"></span> Camera</a></li>
|
||||
<li><a href="#" onclick="setIcon('book', 'Book')"><span class="glyphicon glyphicon-book"></span> Book</a></li>
|
||||
<li><a href="#" onclick="setIcon('wrench', 'Wrench')"><span class="glyphicon glyphicon-wrench"></span> Wrench</a></li>
|
||||
<li><a href="#" onclick="setIcon('cd', 'CD')"><span class="glyphicon glyphicon-cd"></span> CD</a></li>
|
||||
<li><a href="#" onclick="setIcon('blackboard', 'Blackboard')"><span class="glyphicon glyphicon-blackboard"></span> Blackboard</a></li>
|
||||
<li><a href="#" onclick="setIcon('headphones', 'Headphones')"><span class="glyphicon glyphicon-headphones"></span> Headphones</a></li>
|
||||
<li><a href="#" onclick="setIcon('usd', 'USD')"><span class="glyphicon glyphicon-usd"></span> USD</a></li>
|
||||
<li><a href="#" onclick="setIcon('info-sign', 'Info Sign')"><span class="glyphicon glyphicon-info-sign"></span> Info Sign</a></li>
|
||||
<li><a href="#" onclick="setIcon('scissors', 'Scissors')"><span class="glyphicon glyphicon-scissors"></span> Scissors</a></li>
|
||||
<li><a href="#" onclick="setIcon('hourglass', 'Hourglass')"><span class="glyphicon glyphicon-hourglass"></span> Hourglass</a></li>
|
||||
<li><a href="#" onclick="setIcon('pushpin', 'Pushpin')"><span class="glyphicon glyphicon-pushpin"></span> Pushpin</a></li>
|
||||
<li><a href="#" onclick="setIcon('folder-open', 'Folder Open')"><span class="glyphicon glyphicon-folder-open"></span> Folder Open</a></li>
|
||||
<li><a href="#" onclick="setIcon('flash', 'Flash')"><span class="glyphicon glyphicon-flash"></span> Flash</a></li>
|
||||
<li><a href="#" onclick="setIcon('question-sign', 'Question Sign')"><span class="glyphicon glyphicon-question-sign"></span> Question Sign</a></li>
|
||||
<li><a href="#" onclick="setIcon('comment', 'Comment')"><span class="glyphicon glyphicon-comment"></span> Comment</a></li>
|
||||
<li><a href="#" onclick="setIcon('warning-sign', 'Warning Sign')"><span class="glyphicon glyphicon-warning-sign"></span> Warning Sign</a></li>
|
||||
<li><a href="#" onclick="setIcon('calendar', 'Calendar')"><span class="glyphicon glyphicon-calendar"></span> Calendar</a></li>
|
||||
<li><a href="#" onclick="setIcon('thumbs-down', 'Thumbs Down')"><span class="glyphicon glyphicon-thumbs-down"></span> Thumbs Down</a></li>
|
||||
<li><a href="#" onclick="setIcon('phone', 'Phone')"><span class="glyphicon glyphicon-phone"></span> Phone</a></li>
|
||||
<li><a href="#" onclick="setIcon('phone-alt', 'Phone Alt')"><span class="glyphicon glyphicon-phone-alt"></span> Phone Alt</a></li>
|
||||
<li><a href="#" onclick="setIcon('thumbs-up', 'Thumbs Up')"><span class="glyphicon glyphicon-thumbs-up"></span> Thumbs Up</a></li>
|
||||
<li><a href="#" onclick="setIcon('globe', 'Globe')"><span class="glyphicon glyphicon-globe"></span> Globe</a></li>
|
||||
<li><a href="#" onclick="setIcon('alert', 'Alert')"><span class="glyphicon glyphicon-alert"></span> Alert</a></li>
|
||||
<li><a href="#" onclick="setIcon('bitcoin', 'Bitcoin')"><span class="glyphicon glyphicon-bitcoin"></span> Bitcoin</a></li>
|
||||
<li><a href="#" onclick="setIcon('paperclip', 'Paperclip')"><span class="glyphicon glyphicon-paperclip"></span> Paperclip</a></li>
|
||||
</ul>
|
||||
<input type="hidden" id="iconValue" name="icon" value="">
|
Reference in New Issue
Block a user