mirror of
				https://gitlab.crans.org/bde/nk20
				synced 2025-10-31 15:50:03 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			261 lines
		
	
	
		
			8.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			261 lines
		
	
	
		
			8.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| // Copyright (C) 2018-2021 by BDE ENS Paris-Saclay
 | |
| // SPDX-License-Identifier: GPL-3.0-or-later
 | |
| 
 | |
| // When a transaction is performed, lock the interface to prevent spam clicks.
 | |
| var LOCK = false
 | |
| 
 | |
| /**
 | |
|  * Refresh the history table on the consumptions page.
 | |
|  */
 | |
| function refreshHistory () {
 | |
|   $('#history').load('/note/consos/ #history')
 | |
|   $('#most_used').load('/note/consos/ #most_used')
 | |
| }
 | |
| 
 | |
| $(document).ready(function () {
 | |
|   // If hash of a category in the URL, then select this category
 | |
|   // else select the first one
 | |
|   if (location.hash) {
 | |
|     $("a[href='" + location.hash + "']").tab('show')
 | |
|   } else {
 | |
|     $("a[data-toggle='tab']").first().tab('show')
 | |
|   }
 | |
| 
 | |
|   // When selecting a category, change URL
 | |
|   $(document.body).on('click', "a[data-toggle='tab']", function () {
 | |
|     location.hash = this.getAttribute('href')
 | |
|   })
 | |
| 
 | |
|   // Switching in double consumptions mode should update the layout
 | |
|   $('#double_conso').change(function () {
 | |
|     document.getElementById('consos_list_div').classList.remove('d-none')
 | |
|     $('#infos_div').attr('class', 'col-sm-5 col-xl-6')
 | |
| 
 | |
|     const note_list_obj = $('#note_list')
 | |
|     if (buttons.length > 0 && note_list_obj.text().length > 0) {
 | |
|       $('#consos_list').html(note_list_obj.html())
 | |
|       note_list_obj.html('')
 | |
| 
 | |
|       buttons.forEach(function (button) {
 | |
|         document.getElementById(`conso_button_${button.id}`).addEventListener('click', () => {
 | |
|           if (LOCK) { return }
 | |
|           removeNote(button, 'conso_button', buttons, 'consos_list')()
 | |
|         })
 | |
|       })
 | |
|     }
 | |
|   })
 | |
| 
 | |
|   $('#single_conso').change(function () {
 | |
|     document.getElementById('consos_list_div').classList.add('d-none')
 | |
|     $('#infos_div').attr('class', 'col-sm-5 col-md-4')
 | |
| 
 | |
|     const consos_list_obj = $('#consos_list')
 | |
|     if (buttons.length > 0) {
 | |
|       if (notes_display.length === 0 && consos_list_obj.text().length > 0) {
 | |
|         $('#note_list').html(consos_list_obj.html())
 | |
|         consos_list_obj.html('')
 | |
|         buttons.forEach(function (button) {
 | |
|           $('#conso_button_' + button.id).click(function () {
 | |
|             if (LOCK) { return }
 | |
|             removeNote(button, 'conso_button', buttons, 'note_list')()
 | |
|           })
 | |
|         })
 | |
|       } else {
 | |
|         buttons.length = 0
 | |
|         consos_list_obj.html('')
 | |
|       }
 | |
|     }
 | |
|   })
 | |
| 
 | |
|   // Ensure we begin in single consumption. Fix issue with TurboLinks and BootstrapJS
 | |
|   document.querySelector("label[for='double_conso']").classList.remove('active')
 | |
| 
 | |
|   document.getElementById("consume_all").addEventListener('click', consumeAll)
 | |
| })
 | |
| 
 | |
| notes = []
 | |
| notes_display = []
 | |
| buttons = []
 | |
| 
 | |
| // When the user searches an alias, we update the auto-completion
 | |
| autoCompleteNote('note', 'note_list', notes, notes_display,
 | |
|   'alias', 'note', 'user_note', 'profile_pic', function () {
 | |
|     if (buttons.length > 0 && $('#single_conso').is(':checked')) {
 | |
|       consumeAll()
 | |
|       return false
 | |
|     }
 | |
|     return true
 | |
|   })
 | |
| 
 | |
| /**
 | |
|  * Add a transaction from a button.
 | |
|  * @param dest Where the money goes
 | |
|  * @param amount The price of the item
 | |
|  * @param type The type of the transaction (content type id for RecurrentTransaction)
 | |
|  * @param category_id The category identifier
 | |
|  * @param category_name The category name
 | |
|  * @param template_id The identifier of the button
 | |
|  * @param template_name The name of  the button
 | |
|  */
 | |
| function addConso (dest, amount, type, category_id, category_name, template_id, template_name) {
 | |
|   var button = null
 | |
|   buttons.forEach(function (b) {
 | |
|     if (b.id === template_id) {
 | |
|       b.quantity += 1
 | |
|       button = b
 | |
|     }
 | |
|   })
 | |
|   if (button == null) {
 | |
|     button = {
 | |
|       id: template_id,
 | |
|       name: template_name,
 | |
|       dest: dest,
 | |
|       quantity: 1,
 | |
|       amount: amount,
 | |
|       type: type,
 | |
|       category_id: category_id,
 | |
|       category_name: category_name
 | |
|     }
 | |
|     buttons.push(button)
 | |
|   }
 | |
| 
 | |
|   const dc_obj = $('#double_conso')
 | |
|   if (dc_obj.is(':checked') || notes_display.length === 0) {
 | |
|     const list = dc_obj.is(':checked') ? 'consos_list' : 'note_list'
 | |
|     let html = ''
 | |
|     buttons.forEach(function (button) {
 | |
|       html += li('conso_button_' + button.id, button.name +
 | |
|                 '<span class="badge badge-dark badge-pill">' + button.quantity + '</span>')
 | |
|     })
 | |
|     document.getElementById(list).innerHTML = html
 | |
| 
 | |
|     buttons.forEach((button) => {
 | |
|       document.getElementById(`conso_button_${button.id}`).addEventListener('click', () => {
 | |
|         if (LOCK) { return }
 | |
|         removeNote(button, 'conso_button', buttons, list)()
 | |
|       })
 | |
|     })
 | |
|   } else { consumeAll() }
 | |
| }
 | |
| 
 | |
| /**
 | |
|  * Reset the page as its initial state.
 | |
|  */
 | |
| function reset () {
 | |
|   notes_display.length = 0
 | |
|   notes.length = 0
 | |
|   buttons.length = 0
 | |
|   document.getElementById('note_list').innerHTML = ''
 | |
|   document.getElementById('consos_list').innerHTML = ''
 | |
|   document.getElementById('note').value = ''
 | |
|   document.getElementById('note').dataset.originTitle = ''
 | |
|   $('#note').tooltip('hide')
 | |
|   document.getElementById('profile_pic').src = '/static/member/img/default_picture.png'
 | |
|   document.getElementById('profile_pic_link').href = '#'
 | |
|   refreshHistory()
 | |
|   refreshBalance()
 | |
|   LOCK = false
 | |
| }
 | |
| 
 | |
| /**
 | |
|  * Apply all transactions: all notes in `notes` buy each item in `buttons`
 | |
|  */
 | |
| function consumeAll () {
 | |
|   if (LOCK) { return }
 | |
| 
 | |
|   LOCK = true
 | |
| 
 | |
|   let error = false
 | |
| 
 | |
|   if (notes_display.length === 0) {
 | |
|     document.getElementById('note').classList.add('is-invalid')
 | |
|     $('#note_list').html(li('', '<strong>Ajoutez des émetteurs.</strong>', 'text-danger'))
 | |
|     error = true
 | |
|   }
 | |
| 
 | |
|   if (buttons.length === 0) {
 | |
|     $('#consos_list').html(li('', '<strong>Ajoutez des consommations.</strong>', 'text-danger'))
 | |
|     error = true
 | |
|   }
 | |
| 
 | |
|   if (error) {
 | |
|     LOCK = false
 | |
|     return
 | |
|   }
 | |
| 
 | |
|   notes_display.forEach(function (note_display) {
 | |
|     buttons.forEach(function (button) {
 | |
|       consume(note_display.note, note_display.name, button.dest, button.quantity * note_display.quantity, button.amount,
 | |
|         button.name + ' (' + button.category_name + ')', button.type, button.category_id, button.id)
 | |
|     })
 | |
|   })
 | |
| }
 | |
| 
 | |
| /**
 | |
|  * Create a new transaction from a button through the API.
 | |
|  * @param source The note that paid the item (type: note)
 | |
|  * @param source_alias The alias used for the source (type: str)
 | |
|  * @param dest The note that sold the item (type: int)
 | |
|  * @param quantity The quantity sold (type: int)
 | |
|  * @param amount The price of one item, in cents (type: int)
 | |
|  * @param reason The transaction details (type: str)
 | |
|  * @param type The type of the transaction (content type id for RecurrentTransaction)
 | |
|  * @param category The category id of the button (type: int)
 | |
|  * @param template The button id (type: int)
 | |
|  */
 | |
| function consume (source, source_alias, dest, quantity, amount, reason, type, category, template) {
 | |
|   $.post('/api/note/transaction/transaction/',
 | |
|     {
 | |
|       csrfmiddlewaretoken: CSRF_TOKEN,
 | |
|       quantity: quantity,
 | |
|       amount: amount,
 | |
|       reason: reason,
 | |
|       valid: true,
 | |
|       polymorphic_ctype: type,
 | |
|       resourcetype: 'RecurrentTransaction',
 | |
|       source: source.id,
 | |
|       source_alias: source_alias,
 | |
|       destination: dest,
 | |
|       template: template
 | |
|     })
 | |
|     .done(function () {
 | |
|       if (!isNaN(source.balance)) {
 | |
|         const newBalance = source.balance - quantity * amount
 | |
|         if (newBalance <= -5000) {
 | |
|           addMsg(interpolate(gettext('Warning, the transaction from the note %s succeed, ' +
 | |
|               'but the emitter note %s is very negative.'), [source_alias, source_alias]), 'danger', 30000)
 | |
|         } else if (newBalance < 0) {
 | |
|           addMsg(interpolate(gettext('Warning, the transaction from the note %s succeed, ' +
 | |
|               'but the emitter note %s is negative.'), [source_alias, source_alias]), 'warning', 30000)
 | |
|         }
 | |
|         if (source.membership && source.membership.date_end < new Date().toISOString()) {
 | |
|           addMsg(interpolate(gettext('Warning, the emitter note %s is no more a BDE member.'), [source_alias]),
 | |
|               'danger', 30000)
 | |
|         }
 | |
|       }
 | |
|       reset()
 | |
|     }).fail(function (e) {
 | |
|       $.post('/api/note/transaction/transaction/',
 | |
|         {
 | |
|           csrfmiddlewaretoken: CSRF_TOKEN,
 | |
|           quantity: quantity,
 | |
|           amount: amount,
 | |
|           reason: reason,
 | |
|           valid: false,
 | |
|           invalidity_reason: 'Solde insuffisant',
 | |
|           polymorphic_ctype: type,
 | |
|           resourcetype: 'RecurrentTransaction',
 | |
|           source: source,
 | |
|           source_alias: source_alias,
 | |
|           destination: dest,
 | |
|           template: template
 | |
|         }).done(function () {
 | |
|         reset()
 | |
|         addMsg(gettext("The transaction couldn't be validated because of insufficient balance."), 'danger', 10000)
 | |
|       }).fail(function () {
 | |
|         reset()
 | |
|         errMsg(e.responseJSON)
 | |
|       })
 | |
|     })
 | |
| }
 |