link menu

This commit is contained in:
Jonas Legion 2021-12-08 09:25:33 +04:00
parent 832c2899b7
commit b9ccfa5138
4 changed files with 41 additions and 34 deletions

View File

@ -244,16 +244,18 @@ $(document).ready(function() {
// Add (+/-) Button Number Incrementers // Add (+/-) Button Number Incrementers
function up(max) { function up(max) {
document.getElementById("myNumber").value = parseInt(document.getElementById("myNumber").value) + 1; let input_id = this.id.replace("up_", "inputqty_");
if (document.getElementById("myNumber").value >= parseInt(max)) { document.getElementById(input_id).value = parseInt(document.getElementById(input_id).value) + 1;
document.getElementById("myNumber").value = max; if (document.getElementById(input_id).value >= parseInt(max)) {
document.getElementById(input_id).value = max;
} }
} }
function down(min) { function down(min) {
document.getElementById("myNumber").value = parseInt(document.getElementById("myNumber").value) - 1; let input_id = this.id.replace("down_", "inputqty_");
if (document.getElementById("myNumber").value <= parseInt(min)) { document.getElementById(input_id).value = parseInt(document.getElementById(input_id).value) - 1;
document.getElementById("myNumber").value = min; if (document.getElementById(input_id).value <= parseInt(min)) {
document.getElementById(input_id).value = min;
} }
} }

View File

@ -37,36 +37,35 @@
{% endblock footer %} {% endblock footer %}
<!-- Core JS Files --> <!-- Core JS Files -->
<script src="../../static/blk-pro/assets/js/core/jquery.min.js" type="text/javascript"></script> <script src="{% static 'blk-pro/assets/js/core/jquery.min.js' %}" type="text/javascript"></script>
<script src="../../static/blk-pro/assets/js/core/popper.min.js" type="text/javascript"></script> <script src="{% static 'blk-pro/assets/js/core/popper.min.js' %}" type="text/javascript"></script>
<script src="../../static/blk-pro/assets/js/core/bootstrap.min.js" type="text/javascript"></script> <script src="{% static 'blk-pro/assets/js/core/bootstrap.min.js' %}" type="text/javascript"></script>
<script src="../../static/blk-pro/assets/js/plugins/perfect-scrollbar.jquery.min.js"></script> <script src="{% static 'blk-pro/assets/js/plugins/perfect-scrollbar.jquery.min.js' %}"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ --> <!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="../../static/blk-pro/assets/js/plugins/bootstrap-switch.js"></script> <script src="{% static 'blk-pro/assets/js/plugins/bootstrap-switch.js' %}"></script>
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ --> <!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="../../static/blk-pro/assets/js/plugins/nouislider.min.js" type="text/javascript"></script> <script src="{% static 'blk-pro/assets/js/plugins/nouislider.min.js' %}" type="text/javascript"></script>
<!-- Plugin for the Carousel, full documentation here: http://kenwheeler.github.io/slick/ --> <!-- Plugin for the Carousel, full documentation here: http://kenwheeler.github.io/slick/ -->
<script src="../../static/blk-pro/assets/js/plugins/slick.js" type="text/javascript"></script> <script src="{% static 'blk-pro/assets/js/plugins/slick.js' %}" type="text/javascript"></script>
<!-- Plugin for the blob animation --> <!-- Plugin for the blob animation -->
<script src="../../static/blk-pro/assets/js/plugins/anime.min.js" type="text/javascript"></script> <script src="{% static 'blk-pro/assets/js/plugins/anime.min.js' %}" type="text/javascript"></script>
<!-- Chart JS --> <!-- Chart JS -->
<script src="../../static/blk-pro/assets/js/plugins/chartjs.min.js"></script> <script src="{% static 'blk-pro/assets/js/plugins/chartjs.min.js' %}"></script>
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker --> <!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="../../static/blk-pro/assets/js/plugins/moment.min.js"></script> <script src="{% static 'blk-pro/assets/js/plugins/moment.min.js' %}"></script>
<!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs --> <!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs -->
<script src="../../static/blk-pro/assets/js/plugins/bootstrap-tagsinput.js"></script> <script src="{% static 'blk-pro/assets/js/plugins/bootstrap-tagsinput.js' %}"></script>
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select --> <!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
<script src="../../static/blk-pro/assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"></script> <script src="{% static 'blk-pro/assets/js/plugins/bootstrap-selectpicker.js' %}" type="text/javascript"></script>
<!-- Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ --> <!-- Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
<script src="../../static/blk-pro/assets/js/plugins/bootstrap-datetimepicker.js" type="text/javascript"></script> <script src="{% static 'blk-pro/assets/js/plugins/bootstrap-datetimepicker.js' %}" type="text/javascript"></script>
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput --> <!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
<script src="../../static/blk-pro/assets/js/plugins/jasny-bootstrap.min.js"></script> <script src="{% static 'blk-pro/assets/js/plugins/jasny-bootstrap.min.js' %}"></script>
<!-- Black Dashboard DEMO methods, don't include it in your project! --> <!-- Black Dashboard DEMO methods, don't include it in your project! -->
<script src="../../static/blk-pro/assets/demo/demo.js"></script> <script src="{% static 'blk-pro/assets/demo/demo.js' %}"></script>
<!-- Control Center for Black UI Kit: parallax effects, scripts for the example pages etc --> <!-- Control Center for Black UI Kit: parallax effects, scripts for the example pages etc -->
<!-- Google Maps Plugin --> <script src="{% static 'blk-pro/assets/js/blk-design-system-pro.js' %}" type="text/javascript"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
<script src="../../static/blk-pro/assets/js/blk-design-system-pro.min.js?v=1.0.0" type="text/javascript"></script>
<script> <script>
$(document).ready(function () { $(document).ready(function () {
blackKit.initDatePicker(); blackKit.initDatePicker();

View File

@ -4,7 +4,8 @@
{% get_media_prefix as MEDIA_PREFIX %} {% get_media_prefix as MEDIA_PREFIX %}
<body class="product-page"> <body class="product-page">
<div class="wrapper" style="background-image: url('{% static 'blk-pro/assets/img/dots.png' %}'); background-size: contain;"> <div class="wrapper"
style="background-image: url('{% static 'blk-pro/assets/img/dots.png' %}'); background-size: contain;">
<img src="{% static 'blk-pro/assets/img/shape-s.png' %}" class="path shape"> <img src="{% static 'blk-pro/assets/img/shape-s.png' %}" class="path shape">
<div class="cd-section" id="blogs"> <div class="cd-section" id="blogs">
@ -49,17 +50,22 @@
<div class="input-group"> <div class="input-group">
<div class="input-group-btn"> <div class="input-group-btn">
<button id="down" class="btn btn-warning btn-round btn-simple" <button id="down_{{ price.pk }}"
onclick=" down('0')"> class="btn btn-warning btn-round btn-simple"
<i class="tim-icons icon-simple-delete"></i></button> onclick="down.call(this, '0')">
<i class="tim-icons icon-simple-delete"></i>
</button>
</div> </div>
<input type="text" id="myNumber" class="form-control input-number" <input type="text" id="inputqty_{{ price.pk }}"
class="form-control input-number"
value="0"/> value="0"/>
<div class="input-group-btn"> <div class="input-group-btn">
<button id="up" class="btn btn-warning btn-round btn-simple" <button id="up_{{ price.pk }}"
onclick="up('8')"><i class="btn btn-warning btn-round btn-simple"
class="tim-icons icon-simple-add"></i></button> onclick="up.call(this, {{ price.max_per_user }})">
<i class="tim-icons icon-simple-add"></i>
</button>
</div> </div>
</div> </div>

View File

@ -6,8 +6,8 @@
<nav class="navbar navbar-expand-lg fixed-top navbar-transparent " color-on-scroll="300"> <nav class="navbar navbar-expand-lg fixed-top navbar-transparent " color-on-scroll="300">
<div class="container"> <div class="container">
<div class="navbar-translate"> <div class="navbar-translate">
<a class="navbar-brand" href="https://demos.creative-tim.com/blk-design-system-pro/index.html" rel="tooltip" <a class="navbar-brand" href="/" rel="tooltip"
title="Designed and Coded by Creative Tim" data-placement="bottom" target="_blank"> data-placement="bottom" target="_blank">
<span>TiBillet •</span> Billetterie fédérée <span>TiBillet •</span> Billetterie fédérée
</a> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"