added tagging feature part1

This commit is contained in:
coolguy-cell 2020-11-12 12:06:59 +05:30
parent 91136a9e87
commit c53497c36f
No known key found for this signature in database
GPG Key ID: CD3A42E1D470AD70
1 changed files with 29 additions and 3 deletions

View File

@ -9,8 +9,11 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="{{ STATIC_PREFIX }}assets/css/bootstrap-tagsinput.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="{{ STATIC_PREFIX }}assets/js/bootstrap-tagsinput.js"></script>
<style> <style>
body { body {
color: #566787; color: #566787;
@ -277,10 +280,15 @@
} }
</style> </style>
<script> <script>
//import Tagify from '@yaireo/tagify';
$(document).ready(function(){ $(document).ready(function(){
//window.onload= function(){ //window.onload= function(){
// Activate tooltip // Activate tooltip
$('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="tooltip"]').tooltip();
//$('input[name=tags]').data('tagify').addTags('aaa, bbb, ccc');
//new Tagify(input)
// Select/Deselect checkboxes // Select/Deselect checkboxes
var checkbox = $('table tbody input[type="checkbox"]'); var checkbox = $('table tbody input[type="checkbox"]');
@ -383,7 +391,10 @@ $(document).ready(function(){
} }
elem.checked= false; elem.checked= false;
} }
else if(elem.placeholder=="Tags"){
requestData.data.push(elem.value)
}
else{ else{
requestData.data.push(elem.value) requestData.data.push(elem.value)
row += `<td>${elem.value}</td>` row += `<td>${elem.value}</td>`
@ -451,7 +462,10 @@ $(document).ready(function(){
$(elem).prop('checked', false) $(elem).prop('checked', false)
} }
} }
else if(elem.placeholder=="Tags"){
}
else{ else{
elem.value= data[index] elem.value= data[index]
} }
@ -486,7 +500,10 @@ $(document).ready(function(){
} }
elem.checked= false; elem.checked= false;
} }
else if(elem.placeholder=="Tags"){
requestData.data.push(elem.value)
}
else{ else{
requestData.data.push(elem.value) requestData.data.push(elem.value)
row += `<td>${elem.value}</td>` row += `<td>${elem.value}</td>`
@ -703,6 +720,11 @@ $(document).ready(function(){
<label for="selectAll"></label> <label for="selectAll"></label>
</span--> </span-->
</div> </div>
<div class="form-group">
<label>Tags</label>
<input type="text" value="" data-role="tagsinput" placeholder="Tags" />
</div>
<div class="form-group"> <div class="form-group">
<label>Power Option</label> <label>Power Option</label>
<select class="browser-default custom-select sel-add" type="select"> <select class="browser-default custom-select sel-add" type="select">
@ -760,6 +782,10 @@ $(document).ready(function(){
<label for="selectAll"></label> <label for="selectAll"></label>
</span--> </span-->
</div> </div>
<div class="form-group">
<label>Tags</label>
<input type="text" value="hello, world" data-role="tagsinput" placeholder="Tags" />
</div>
<div class="form-group"> <div class="form-group">
<label>Power Option</label> <label>Power Option</label>
<select class="browser-default custom-select sel-edit" type="select"> <select class="browser-default custom-select sel-edit" type="select">