Skip to content

Instantly share code, notes, and snippets.

@volkanozcan
Last active December 14, 2015 14:00
Show Gist options
  • Save volkanozcan/d03fbfd0d00f56efae18 to your computer and use it in GitHub Desktop.
Save volkanozcan/d03fbfd0d00f56efae18 to your computer and use it in GitHub Desktop.
bootstrap_test
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="$1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
app
</title>
<link href='https://fonts.googleapis.com/css?family=Ubuntu&effect=outline' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap-material-design/dist/css/ripples.min.css" />
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap-material-design/dist/css/bootstrap-material-design.min.css" />
<link href='https://fonts.googleapis.com/css?family=Oswald|Open+Sans+Condensed:300|Roboto+Slab:400,300,100' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/bower_components/animate.css/animate.css" />
</head>
<body>
<div style="display:block" id="hepici" style="margin-bottom:20px">
<div class="container-fluid" style="margin-top:2%">
<!-- Fixed navbar -->
<div class="row">
<div class="col-sm-3 detay ">
<div class="panel panel-default">
<div class="panel-heading"><span class="kafa"></span><i class="material-icons pull-right">favorite_border</i></div>
<div class="panel-body " id="canvas">
</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure adipisci recusandae quasi ut, et minima quia ullam maiores, cumque distinctio laudantium nulla repudiandae, qui nihil culpa ad consequuntur obcaecati dolores.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus ipsam commodi aperiam facere, quibusdam ea repellat quaerat praesentium tempora corporis, iste eos eius ipsa! Cumque veritatis vero quisquam quos laudantium!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur pariatur quos quisquam, et culpa provident, non asperiores tempora. Doloribus, accusamus aliquid aspernatur architecto id sequi nihil accusantium quia voluptatum natus!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat tenetur numquam fuga, voluptatum sequi quos dicta. Et, maiores, impedit! Harum illo enim porro earum fugit rerum molestiae optio perferendis ullam.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio officia quaerat, ipsam quasi fugiat incidunt voluptatum sit, saepe ad consequatur corrupti nostrum porro labore dolorum aliquid laborum sint dolores asperiores!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error veritatis dolorem recusandae, odit vitae laboriosam consequatur excepturi saepe. Pariatur placeat hic nesciunt ipsam corporis animi repudiandae quam assumenda laborum aspernatur.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, eaque. Animi quidem commodi sapiente veritatis culpa obcaecati magni et voluptates hic ea, quia error odit eum consequuntur reiciendis adipisci perspiciatis.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident sint alias, eligendi consectetur aliquam expedita fuga ut architecto doloribus adipisci quidem aut ipsa nesciunt ab quasi quibusdam consequuntur, numquam libero.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id at cupiditate modi a, qui dicta. Explicabo quis accusantium, earum necessitatibus laudantium, tenetur temporibus, molestias omnis voluptatum, est asperiores culpa neque?</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid fugiat saepe autem quidem hic nihil, velit placeat, rerum odit. Expedita porro sint distinctio quas quia. Incidunt sunt quasi iste similique.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias aliquid deleniti id, illum unde totam sint quidem dicta inventore, dolor saepe eaque impedit suscipit harum libero enim amet dolorum ex.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
<div class="col-sm-3 detay ">
<div class="panel panel-default ">
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div>
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div>
<div class="panel-footer ">Panel footer</div>
</div>
</div>
</div>
</div>
</div>
</body>
</div>
<script type="text/javascript " src="/bower_components/jquery/dist/jquery.min.js "></script>
<script type="text/javascript " src="/bower_components/bootstrap/dist/js/bootstrap.min.js "></script>
<script type="text/javascript " src="/bower_components/bootstrap-material-design/dist/js/material.min.js "></script>
<script type="text/javascript " src="/bower_components/bootstrap-material-design/dist/js/ripples.min.js "></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gist-embed/2.4/gist-embed.min.js"></script>
<script type="text/javascript" src="/bower_components/p5.js/lib/p5.min.js"></script>
<script type="text/javascript ">
$.material.init();
var sayac = 1;
/*$(".panel-heading ").each(function() {
$(this).text("soru " + sayac);
sayac++;
})*/
</script>
<script type="text/javascript " src="/source.js "></script>
</body>
</html>
var names = ["Faxtop", "Nimflex", "Hay String", "Faxity", "U--Job", "Icelab", "Matis", "Lexilux", "U-tone", "Danstring", "Betalex", "Jaying", "Y-sailwarm", "Dentoflex", "Volt-Dex", "Uni Lotkix", "Medstring", "Zoomlax", "Bam Redfax", "Itin", "Whitetech", "Daltstock", "K-ing", "Saltstrong", "Fixtone", "Quadqvohome", "Trusthome", "Zone Bam", "Sanfan", "Geo Anla", "Toughtough", "Jay Flex", "Donkix", "Ding-Lab", "Villalax", "Reit", "Temptrax", "Mathstatstrong", "Tamphome", "K- Gofan", "Sumfresh", "Freefan", "Quotenix", "Ontotop", "Toneco", "Indigolux", "True Strong", "Salthold", "Blueranlight", "Operemla", "Zumdex", "Alpha-Com", "Unaeco", "Zonedox", "Tinlab", "Indigocom", "Unoplus", "Son Canit", "Medtone", "Hotphase", "Vento-Lab"];
var animation_name = ["bounce", "flash", "pulse", "rubberBand", "shake", "headShake", "swing", "tada", "wobble", "jello", "bounceIn", "bounceInDown", "bounceInLeft", "bounceInRight", "bounceInUp", "bounceOut", "bounceOutDown", "bounceOutLeft", "bounceOutRight", "bounceOutUp", "fadeIn", "fadeInDown", "fadeInDownBig", "fadeInLeft", "fadeInLeftBig", "fadeInRight", "fadeInRightBig", "fadeInUp", "fadeInUpBig", "fadeOut", "fadeOutDown", "fadeOutDownBig", "fadeOutLeft", "fadeOutLeftBig", "fadeOutRight", "fadeOutRightBig", "fadeOutUp", "fadeOutUpBig", "flipInX", "flipInY", "flipOutX", "flipOutY", "lightSpeedIn", "lightSpeedOut", "rotateIn", "rotateInDownLeft", "rotateInDownRight", "rotateInUpLeft", "rotateInUpRight", "rotateOut", "rotateOutDownLeft", "rotateOutDownRight", "rotateOutUpLeft", "rotateOutUpRight", "hinge", "rollIn", "rollOut", "zoomIn", "zoomInDown", "zoomInLeft", "zoomInRight", "zoomInUp", "zoomOut", "zoomOutDown", "zoomOutLeft", "zoomOutRight", "zoomOutUp", "slideInDown", "slideInLeft", "slideInRight", "slideInUp", "slideOutDown", "slideOutLeft", "slideOutRight", "slideOutUp"];
var array = [];
$(".kafa").each(function() {
$(this).text(names[~~(Math.random() * names.length)]);
});
$(".fiyat").each(function() {
$(this).text(~~(Math.random() * 1000));
});
$(".remove").on("click", function() {
alert("sd")
});
var toplam = 0;
$(".kafa ,.govde").on("click", function() {
var neki = "animated " + (animation_name[~~(Math.random() * animation_name.length)]);
console.log(neki)
$(this).parent().addClass("animated rubberBand").one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
$(this).removeClass("animated rubberBand");
});
});
$(".ekle").click(function() {
var fiyat = $(this).parent().find(".fiyat").text();
var urun = $(this).parent().parent().find(".kafa").text();
array.push({
urun: urun,
fiyat: fiyat
});
$("#liste").append("<tr><td>" + urun + "</td><td>" + fiyat + "</td><td><i class=\"material-icons pull-right remove\">remove_circle_outline</i></td></tr>");
$("#myModal").modal("toggle");
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment