Create a kaban based project file for import on Taiga
by Elvis de Freitas
HTML
<script src="https://rawgit.com/zenorocha/clipboard.js/v1.5.9/dist/clipboard.min.js"></script>
<form id="form">
<label for="iptName" required="true" >Project name</label>
<input id="iptName" name="name" value="Mageddo Base" required="true" /><br />
<label for="iptSlug">Slug</label>
<input id="iptSlug" name="slug" value="mageddo-mageddo-base" required="true" /><br />
<label for="iptDescription">Description</label>
<input id="iptDescription" name="description" value="More one mageddo project" required="true" /><br />
<label for="iptCreatedDate">Created On</label>
<input id="iptCreatedDate" name="created_date" type="date" value="" required="true" /><br />
</form>
<br />
<label>Seu JSON aqui</label>
<textarea id="converted" readonly=true ></textarea>
<button id="doConvert">generate</button>
<button class="btn" data-clipboard-target="#converted">copy to clipboard</button>
CSS
textarea{
width: 100%;
height: 80px;
}
JavaScript
$("#iptCreatedDate").val(new Date().toISOString().split('T')[0]);
new Clipboard('.btn');
$("#doConvert").on("click", function(){
var rawForm = $("#form").get(0),
metas = ['name', 'slug', 'description', 'created_date'];
// tratando a data
metas.forEach(key => {
console.debug('form: ', rawForm, ', key:', key, ', input: ', rawForm[key], ' the value: ', rawForm[key].value);
baseModelo[key] = parse(rawForm[key].value, key);
});
$('#converted').val(JSON.stringify(baseModelo, null, ' '));
});
// fazendo conversao nas que é necesario
function parse(val, key){
if(key == 'created_date'){
var str = new Date(val).toISOString();
str.substring(0, str.indexOf('.')) + '+0000';
return str;
}
return val;
}
///// o codigo abaixo é apenas dado
window.baseModelo = {
"logo": {
"data":...