Programmation application web pour la platforme redpitaya

Programmation application web pour la platforme redpitaya - Electronique, domotique, DIY

Marsh Posté le 12-05-2024 à 11:59:19    

Bonjour tout le monde,

 

Il y a quelque semaines, j'ai découvert une nouvelle plateforme de développement open-source qui me permettara de remplacer les instruments couteux et volumineux de mon laboratoire, la redptitaya. Je me suis procuré le modèle STEMlab 125-14 qui propose deux entrées de 125Msps 14 bits et de deux sorties 14 bits, un FPGA Xilinx Zynq 7010 couplé à un processeur ARM Cortex-A9 double-coralité et offre un accès à distance, avec une interface utilisateur d'application en ligne accessible via Ethernet ou Wi-Fi. Pour faire fonctionner tout ce petit monde la plateforme à créer un système d'exploitation basé sur un système linux ubuntu (actuellement j’utilise la dernière version du système RedPitaya_OS_2.00-30_stable.img).
https://redpitaya.com/wp-content/uploads/elementor/thumbs/Red_Pitaya_STEMlab_125-14-p91a8dpiccj0fiqw3w96w8ax4av9fms8og1vxtmhls.jpg
Puisque cette carte ne peut pas gérer d'écran, il est essentiel de concevoir une interface utilisateur web fonctionnant sur un navigateur internet pour contrôler l'application back-end, compilé et installé sur le système d'exploitation. Tout ce qui fonctionne dans le navigateur est le frontend. C'est la partie qui permet de visualiser les données à l'écran ou modifier certains paramètres pour ajuster les paramètres à l'intérieur de l'application back-end.
La partie front-end de l'application utilise la technologie HTML5, CSS3 et Javascript pour créer l'interface web.
La partie back-end est programmé en C ou en C++ et peut nécessité du Vérilog pour manipuler le FPGA.
L'échange d'information entre le C++ et le Javascript s’effectue par des fichiers JSON, pour transmettre les valeurs des paramètres ou des signaux échantillonnés et générés. Pour que cela fonctionne un serveur NGINX fonctionne en continue. (Si vous voulez plus d'information surfez sur la documentation de la plateforme au lien suivant: https://redpitaya.readthedocs.io.)

 

Pour me familiariser avec le système, j’essaie de développer une application me permettant de faire un générateur de signaux sur deux sorties DAC 14 bits et oscilloscope sur les deux entrées ADC 14 bits. Mon application devra être capable de configurer la forme, l'amplitude, la fréquence des signaux à générer et d'afficher dans un plot jQuery la forme des signaux échantillonnées et générée. Pour l'instant je me contente de faire rentrer les signaux générés sur les entrées de la carte en connectant une sortie à une entrée par un câble coaxiale.

 

A ce stade du développement, j'ai commencé à réaliser une petite interface web m'affichant un menu dans un bandeau vertical pour choisir et configurer les channels et un plot jQuery pour afficher les signaux. De plus j'ai aussi programmer la partie back-end en C++ pour créer les paramètres nécessaire et des fonctions pour manipuler les convertisseurs 14 bits. Pour plus de simplicité la plateforme possède quelque libraire simplifiant la transmissions et la réception des sockets pour échanger les paramètres et d'autre librairie permettant de configurer et échantillonner les signaux DAC et ADC.

 

Le cœur de mon problème est que l'interface front-end refuse catégoriquement de se connecter à l'interface back-end, ce dont je ne comprend pas, puisque ce processus doit se faire automatiquement par la librairie C++ de la carte. Le code Javascipt doit juste vérifié si le socket a était accpété en le demandant au serveur NGNIX. Cependant le serveur me renvoie continuellement l'erreur suivante:  "Can not load application. Error: -1 app.js:120:14"

 

J’espère que quelqu’un connait le système pour me partager ses connaissances sur ce système et que peut-être cela répondra à mon problème.

 

Si vous voulez lire mon code pour trouver peut-être une incohérence, ou tester mon code sur votre redpitaya, le voici ci-dessous:

 

La partie back-end:
fichier src/hardwareInfo.h

Code :
  1. #pragma one
  3. #include <cstdio>
  4. #include <cstdlib>
  5. #include <cstdint>
  7. #include "rp.h"
  9. typedef enum {
  10.     RP_125_14,
  11.     RP_250_12,
  12.     RP_125_14_4CH,
  13.     RP_122_16
  14. } models_t;
  16. uint8_t getADCChannels();
  17. uint8_t getDACChannels();
  18. float getDACGainCh1();
  19. uint32_t getADCRate();
  21. // return current CPU clock
  22. double getClock();
  24. models_t getModel();
 

fichier hardwareInfo.cpp

Code :
  1. #include <ctime>
  2. #include <unistd.h>
  3. #include <sys/types.h>
  4. #include <sys/sysinfo.h>
  5. #include <string>
  7. #include "hardwareInfo.h"
  9. #include "rp.h"
  10. #include "rp_hw-calib.h"
  11. #include "log.h"
  13. uint8_t getADCChannels() {
  14.     uint8_t c = 0;
  15.     if (rp_HPGetFastADCChannelsCount(&c) != RP_HP_OK){
  16.         Error("Can't get fast ADC channels count\n" );
  17.         exit(-1);
  18.     }
  19.     return c;
  20. }
  22. uint8_t getDACChannels() {
  23.     uint8_t c = 0;
  24.     if (rp_HPGetFastDACChannelsCount(&c) != RP_HP_OK){
  25.         Error("Can't get fast DAC channels count\n" );
  26.         exit(-1);
  27.     }
  28.     return c;
  29. }
  31. float getDACGainCh1() {
  32.     float c = 0;
  33.     if (rp_HPGetFastDACGain(RP_CH_1, &c) != RP_HP_OK){
  34.         Error("Can't get fast DAC gain\n" );
  35.         exit(-1);
  36.     }
  37.     return c;
  38. }
  40. uint32_t getADCRate() {
  41.     uint32_t c = 0;
  42.     if (rp_HPGetBaseFastADCSpeedHz(&c) != RP_HP_OK){
  43.         Error("Can't get fast ADC rate\n" );
  44.         exit(-1);
  45.     }
  46.     return c;
  47. }
  49. double getClock() {
  50.     struct timespec tp;
  51.     clock_gettime(CLOCK_REALTIME, &tp);
  52.     return ((double)tp.tv_sec * 1000.f) + ((double)tp.tv_nsec / 1000000.f);
  53. }
  55. models_t getModel() {
  56.     rp_HPeModels_t c = STEM_125_14_v1_0;
  57.     if (rp_HPGetModel(&c) != RP_HP_OK){
  58.         Error("Can't get board model\n" );
  59.         exit(-1);
  60.     }
  62.     switch (c)
  63.     {
  64.         case STEM_125_10_v1_0:
  65.         case STEM_125_14_v1_0:
  66.         case STEM_125_14_v1_1:
  67.         case STEM_125_14_LN_v1_1:
  68.         case STEM_125_14_Z7020_v1_0:
  69.         case STEM_125_14_Z7020_LN_v1_1:
  70.             return RP_125_14;
  72.         case STEM_122_16SDR_v1_0:
  73.         case STEM_122_16SDR_v1_1:
  74.             return RP_122_16;
  76.         case STEM_125_14_Z7020_4IN_v1_0:
  77.         case STEM_125_14_Z7020_4IN_v1_2:
  78.         case STEM_125_14_Z7020_4IN_v1_3:
  79.             return RP_125_14_4CH;
  81.         case STEM_250_12_v1_0:
  82.         case STEM_250_12_v1_1:
  83.         case STEM_250_12_v1_2:
  84.         case STEM_250_12_v1_2a:
  85.         case STEM_250_12_v1_2b:
  86.             return RP_250_12;
  87.         default:
  88.             Error("Can't get board model\n" );
  89.             exit(-1);
  90.     }
  91.     return RP_125_14;
  92. }
 

fichier src/log.h

Code :
  1. #pragma once
  3. #include <string>
  4. #include <fstream>
  5. #include <iostream>
  6. #include <memory>
  7. #include <stdexcept>
  9. const std::string log_filename = "/tmp/exemple.txt";
  11. template<typename ... Args>
  12. inline std::string string_format( const std::string& format, Args ... args )
  13. {
  14.     int size_s = std::snprintf( nullptr, 0, format.c_str(), args ... ) + 1; // Extra space for '\0'
  15.     if( size_s <= 0 ){ throw std::runtime_error( "Error during formatting." ); }
  16.     auto size = static_cast<size_t>( size_s );
  17.     std::unique_ptr<char[]> buf( new char[ size ] );
  18.     std::snprintf( buf.get(), size, format.c_str(), args ... );
  19.     return std::string( buf.get(), buf.get() + size - 1 ); // We don't want the '\0' inside
  20. }
  22. template<typename ... Args>
  23. void Log(const std::string& format, Args ... args) {
  24.     std::ofstream file(log_filename.c_str(), std::ios::in | std::ios::out | std::ios::app);
  26.     if (file.is_open()) {
  27.         file << string_format(format, args ...);
  28.         file.close();
  29.     }
  30. }
  32. template<typename ... Args>
  33. void Error(const std::string& format, Args ... args) {
  34.     std::ofstream file(log_filename.c_str(), std::ios::in | std::ios::out | std::ios::app);
  36.     if (file.is_open()) {
  37.         file << "[Error] " << string_format(format, args ...);
  38.         file.close();
  39.     }
  40. }
 

Fichier src/main.h

Code :
  1. #pragma once
  3. #include <DataManager.h>
  4. #include <CustomParameters.h>
  5. #include "rpApp.h"
  7. #define SIGNAL_SIZE_DEFAULT    1024 //Signal size
  8. #define SIGNAL_UPDATE_INTERVAL 1
  9. #define PARAMS_UPDATE_INTERVAL 1
  11. #define RW CBaseParameter::RW
  12. #define RWSA CBaseParameter::RWSA
  13. #define RO CBaseParameter::RO
  14. #define FPGA_UPDATE_NONE 0
  15. #define FPGA_UPDATE 1
  17. #define SFLOAT(VAR, size, value) CFloatSignal VAR(#VAR, size, value);
  18. #define SFLOAT2(VAR, size, value) CFloatSignal VAR[2] = {{#VAR "1", size, value}, {#VAR "2", size, value}}
  19. #define SFLOAT4(VAR, size, value) CFloatSignal VAR[4] = {{#VAR "1", size, value}, {#VAR "2", size, value}, {#VAR "3", size, value}, {#VAR "4", size, value}}
  21. #define PBOOL(VAR, ...) CBooleanParameter VAR(#VAR, __VA_ARGS__)
  22. #define PBOOL2(VAR, ...) CBooleanParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}}
  23. #define PBOOL4(VAR, ...) CBooleanParameter VAR[4] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}, {#VAR "3", __VA_ARGS__}, {#VAR "4", __VA_ARGS__}}
  25. #define PINT(VAR, ...) CIntParameter VAR(#VAR, __VA_ARGS__)
  26. #define PINT2(VAR, ...) CIntParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}}
  27. #define PINT4(VAR, ...) CIntParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}, {#VAR "3", __VA_ARGS__},{#VAR "4", __VA_ARGS__}}
  29. #define PUINT(VAR, ...) CUIntParameter VAR(#VAR, __VA_ARGS__)
  30. #define PUINT2(VAR, ...) CUIntParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}}
  31. #define PUINT4(VAR, ...) CUIntParameter VAR[4] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__},{#VAR "3", __VA_ARGS__},{#VAR "4", __VA_ARGS__}}
  33. #define PFLOAT(VAR, ...) CFloatParameter VAR(#VAR, __VA_ARGS__)
  34. #define PFLOAT2(VAR, ...) CFloatParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}}
  35. #define PFLOAT4(VAR, ...) CFloatParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}, {#VAR "3", __VA_ARGS__},{#VAR "4", __VA_ARGS__}}
  37. #define PDOUBLE(VAR, ...) CDoubleParameter VAR(#VAR, __VA_ARGS__)
  38. #define PDOUBLE2(VAR, ...) CDoubleParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}}
  39. #define PDOUBLE4(VAR, ...) CDoubleParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}, {#VAR "3", __VA_ARGS__},{#VAR "4", __VA_ARGS__}}
  41. #define PSTRING(VAR, ...) CStringParameter VAR(#VAR, __VA_ARGS__)
  42. #define PSTRING2(VAR, ...) CStringParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__}}
  43. #define PSTRING4(VAR, ...) CStringParameter VAR[2] = {{#VAR "1", __VA_ARGS__},{#VAR "2", __VA_ARGS__},{#VAR "3", __VA_ARGS__},{#VAR "4", __VA_ARGS__}}
  46. #ifdef __cplusplus
  47. extern "C" {
  48. #endif
  50. /* Parameters description structure - must be the same for all RP controllers */
  51. typedef struct rp_app_params_s {
  52.     char  *name;
  53.     float  value;
  54.     int    fpga_update;
  55.     int    read_only;
  56.     float  min_val;
  57.     float  max_val;
  58. } rp_app_params_t;
  60. //Rp app functions
  61. const char *rp_app_desc(void);
  62. int rp_app_init(void);
  63. int rp_app_exit(void);
  64. int rp_set_params(rp_app_params_t *p, int len);
  65. int rp_get_params(rp_app_params_t **p);
  66. int rp_get_signals(float ***s, int *sig_num, int *sig_len);
  68. #ifdef __cplusplus
  69. }
  70. #endif
 

Fichier src/main.cpp

Code :
  1. #include <fstream>
  2. #include <math.h>
  3. #include <stdio.h>
  4. #include <string.h>
  5. #include <stdlib.h>
  6. #include <time.h>
  7. #include <unistd.h>
  9. #include "rp.h"
  10. #include "rpApp.h"
  12. #include "log.h"
  13. #include "hardwareInfo.h"
  14. #include "main.h"
  17. /********************************************************/
  18. /* Global variables                                     */
  19. /********************************************************/
  21. bool g_appState = false;
  22. rp_acq_decimation_t g_decimation = RP_DEC_8192;
  23. int g_timeDelay = 1000000;   // delay us to start acquiring fresh data
  24. uint32_t g_buffer_size = ADC_BUFFER_SIZE;
  25. float *g_buffer = (float *)malloc(g_buffer_size * sizeof(float));
  29. PBOOL(APP_RUN, RW, true, FPGA_UPDATE_NONE);
  31. /********************************************************/
  32. /* Signals variables                                    */
  33. /********************************************************/
  35. SFLOAT2(OSC_SIGNAL_CH, SIGNAL_SIZE_DEFAULT, 0.0f);
  36. SFLOAT2(GEN_SIGNAL_CH, SIGNAL_SIZE_DEFAULT, 0.0f);
  37. SFLOAT2(MATH_SIGNAL_CH, SIGNAL_SIZE_DEFAULT, 0.0f);
  39. /********************************************************/
  40. /* Oscilloscope parameters from here on                 */
  41. /********************************************************/
  43. PFLOAT(TIME_SCALE, RWSA, 0.1, 0, 0, 1000);
  44. PFLOAT(VOLT_SCALE, RWSA, 0.1, 0, 0, 10);
  46. PBOOL2(OSC_SHOW_CH, RW, false, FPGA_UPDATE);
  47. PBOOL2(OSC_INVERT_CH, RW, false, FPGA_UPDATE);
  48. //User probe attenuation setting for channel 1 & 2:
  49. // 0 - 1x
  50. // 1 - 10x
  51. // 2 - 100x
  52. PINT2(OSC_PROB_CH, RW, 0, FPGA_UPDATE, 0, 2);
  53. // User jumper gain setting for channel 1 & 2:
  54. // 0 - high gain (-1/1 [V] Full-scale)
  55. // 1 - low gain (-20/20 [V] Full-scale)
  56. PINT2(OSC_GAIN_CH, RW, 0, FPGA_UPDATE, 0, 1);
  57. // Trigger mode:
  58. // 0 - Auto
  59. // 1 - Normal
  60. // 2 - Single
  61. PINT(OSC_TRIGGER_MODE, RW, 0, FPGA_UPDATE, 0, 2);
  62. // Trigger source:
  63. // 0 - ChA
  64. // 1 - ChB
  65. // 2 - ext
  66. PINT(OSC_TRIGGER_SOURCE, RW, 0, FPGA_UPDATE, 0, 2);
  67. // Trigger Edge:
  68. // 0 - Rising
  69. // 1 - Falling
  70. PINT(OSC_TRIGGER_EDGE, RW, 0, FPGA_UPDATE, 0, 1);
  71. PFLOAT(OSC_TRIGGER_DELAY, RW, 0, FPGA_UPDATE, -1e7,  1e7);
  72. PFLOAT(OSC_TRIGGER_LEVEL, RW, 0, FPGA_UPDATE, -2, 2);
  73. PFLOAT2(OSC_MEAS_MIN_CH, RO, 0, FPGA_UPDATE, -1000, 1000);
  74. PFLOAT2(OSC_MEAS_MAX_CH, RO, 0, FPGA_UPDATE, -1000, 1000);
  75. PFLOAT2(OSC_MEAS_AMP_CH, RO, 0, FPGA_UPDATE, -1000, 1000);
  76. PFLOAT2(OSC_MEAS_AVG_CH, RO, 0, FPGA_UPDATE, -1000, 1000); // Average
  77. PFLOAT2(OSC_MEAS_FREQ_CH, RO, 0, FPGA_UPDATE, -1000, 1000); // Frequency
  78. PFLOAT2(OSC_MEAS_PER_CH, RO, 0, FPGA_UPDATE, -1000, 1000); // Periode
  80. /********************************************************/
  81. /* Generator parameters from here on                    */
  82. /********************************************************/
  84. PBOOL2(GEN_SHOW_CH, RW, false, FPGA_UPDATE_NONE);
  85. PBOOL2(GEN_ENABLE_CH, RW, false, FPGA_UPDATE);
  86. PFLOAT2(GEN_AMPLITUDE_CH, RW, 0.8, FPGA_UPDATE, -2.0, 2.0);
  87. PFLOAT2(GEN_FREQUENCY_CH, RW, 1000, FPGA_UPDATE, 1, 50e6);
  88. PFLOAT2(GEN_OFFSET_CH, RW, 0, FPGA_UPDATE, -1.0, 1.0);
  89. PINT2(GEN_WAVEFORM_CH, RW, 0, FPGA_UPDATE, 0, 8);
  90. PINT2(GEN_MODE_CH, RW, 0, FPGA_UPDATE, 0, 2);
  91. PFLOAT2(GEN_DUTY_CYCLE_CH, RW, 25.0, FPGA_UPDATE, 0.0, 100.0);
  92. PFLOAT2(GEN_BURST_COUNT_CH, RW, 1, FPGA_UPDATE, 0, 1000);
  93. PFLOAT2(GEN_BURST_PER_CH, RW, 1, FPGA_UPDATE, 0, 50e6);
  94. PFLOAT2(GEN_BURST_REP_CH, RW, 1, FPGA_UPDATE, 0, 1000);
  96. /********************************************************/
  97. /* Math parameters from here on                         */
  98. /********************************************************/
  100. PBOOL2(MATH_SHOW_CH, RW, false, FPGA_UPDATE_NONE);
  101. // Operator
  102. // 0 - Addition
  103. // 1 - Soustration
  104. // 2 - produit
  105. // 3 - absolute
  106. // 4 - invert
  107. PINT2(MATH_OPERATOR_CH, RW, 0, FPGA_UPDATE, 0, 5);
  108. PINT2(MATH_FIRST_SIGN_CH, RW, 0, FPGA_UPDATE, 0, 3);
  109. PINT2(MATH_SECOND_SIGN_CH, RW, 0, FPGA_UPDATE, 0, 3);
  110. PFLOAT2(MATH_CONST_CH, RW, 1.0, FPGA_UPDATE, -10.0, 10.0);
  112. // Save signals
  113. // 0 - json format
  114. // 1 - csv format
  115. // 2 - wav format
  116. // 3 - dat format
  117. PINT2(SAVE_FORMAT, RW, 0, FPGA_UPDATE_NONE, 0, 3);
  121. // ------------------------------------------------------------
  122. // Generator functions
  123. // ------------------------------------------------------------
  125. int startGenerator(rp_channel_t _channel, rp_waveform_t _wave, float _frequency, float _amplitude, float _offset, float _duty) {
  126. int ret = RP_OK;
  127. ret |= rp_GenReset();
  128. ret |= rp_GenOffset(_channel,_offset);
  129. ret |= rp_GenAmp(_channel,_amplitude);
  130. ret |= rp_GenWaveform(_channel,_wave);
  131. ret |= rp_GenFreq(_channel,_frequency);
  132. if (_wave == RP_WAVEFORM_PWM)
  133.  rp_GenDutyCycle(_channel, _duty);
  134. ret |= rp_GenOutEnable(_channel);
  135. ret |= rp_GenTriggerOnly(_channel);
  137. return ret;
  138. }
  140. bool UpdateGenChParams(uint8_t ch) {
  141. if (GEN_SHOW_CH[ch].IsNewValue()) {
  142.  GEN_SHOW_CH[ch].Update();
  143. }
  145. bool conf_osc = false;
  146. if (GEN_ENABLE_CH[ch].IsNewValue()) {
  147.  GEN_ENABLE_CH[ch].Update();
  148.  conf_osc = true;
  149. }
  151. if (GEN_WAVEFORM_CH[ch].IsNewValue()) {
  152.  GEN_WAVEFORM_CH[ch].Update();
  153.  conf_osc = true;
  154. }
  156. if (GEN_FREQUENCY_CH[ch].IsNewValue()) {
  157.  GEN_FREQUENCY_CH[ch].Update();
  158.  conf_osc = true;
  159. }
  161. if (GEN_AMPLITUDE_CH[ch].IsNewValue()) {
  162.  GEN_AMPLITUDE_CH[ch].Update();
  163.  conf_osc = true;
  164. }
  166. if (GEN_OFFSET_CH[ch].IsNewValue()) {
  167.  GEN_OFFSET_CH[ch].Update();
  168.  conf_osc = true;
  169. }
  171. if (GEN_DUTY_CYCLE_CH[ch].IsNewValue()) {
  172.  GEN_DUTY_CYCLE_CH[ch].Update();
  173.  conf_osc = true;
  174. }
  176. if (GEN_MODE_CH[ch].IsNewValue()) {
  177.  GEN_MODE_CH[ch].Update();
  178.  conf_osc = true;
  179. }
  181. if (g_appState == true) {
  182.  return conf_osc;
  183. } else {
  184.  return false;
  185. }
  186. }
  188. // Generator configurations
  189. void configureGenerator() {
  190. for (uint8_t i = 0; 2; i++) {
  191.  if (UpdateGenChParams(i) && GEN_ENABLE_CH.Value()) {
  193.   bool enable;
  194.   rp_GenOutIsEnabled((rp_channel_t) i, &enable);
  195.   if (!enable) rp_GenOutEnable((rp_channel_t) i);
  197.   if (startGenerator(
  198.    (rp_channel_t) i,
  199.    (rp_waveform_t) GEN_WAVEFORM_CH[i].Value(),
  200.    (float) GEN_FREQUENCY_CH[i].Value(),
  201.    (float) GEN_AMPLITUDE_CH[i].Value(),
  202.    (float) GEN_OFFSET_CH[i].Value(),
  203.    (float) GEN_DUTY_CYCLE_CH[i].Value()) != RP_OK)
  204.   {
  205.    Error("Start generator failed\n" );
  206.   }
  207.  } else {
  208.   bool enable;
  209.   rp_GenOutIsEnabled((rp_channel_t) i, &enable);
  210.   if (enable) rp_GenOutDisable((rp_channel_t) i);
  211.  }
  212. }
  214. Log("Generator parameters updated\n" );
  215. }
  218. // ------------------------------------------------------------
  219. // Scope functions
  220. // ------------------------------------------------------------
  222. int analyseData(int mul, uint8_t ch) {
  224. return RP_OK;
  225. }
  227. // update signal on channel 1 & 2
  228. int OscAcquisitionSignal(void)
  229. {
  230. int ret = RP_OK;
  232. auto model = getModel();
  233. if (model == RP_122_16){
  234.  Error("Not available on 122-16\n" );
  235.  return 0;
  236. }
  238. for (uint8_t i=0; i<2; i++) {
  240.  int mul = OSC_PROB_CH[i].Value();
  241.  if (OSC_SHOW_CH[i].Value()) {
  242.   ret |= rp_AcqGetOldestDataV((rp_channel_t) i, &g_buffer_size, g_buffer);
  243.   ret |= analyseData(mul, i);
  245.   for (uint32_t j = 0; j < SIGNAL_SIZE_DEFAULT; j++) {
  247.    if (OSC_SHOW_CH[i].Value()) {
  248.     if (OSC_SIGNAL_CH[i].GetSize() != g_buffer_size)
  249.      OSC_SIGNAL_CH[i].Resize(g_buffer_size);
  250.     OSC_SIGNAL_CH[i][j] = g_buffer[j] * mul; // - (VOLT_SCALE.Value() + OSC_MEAS_AVG_CH[0].Value());
  251.    }
  252.   }
  253.  }
  254. }
  256. return ret;
  257. }
  261. // ------------------------------------------------------------
  262. //
  263. // ------------------------------------------------------------
  265. // get decimation
  266. void get_decimation() {
  267.     float cal_dec = (getADCRate() / ADC_BUFFER_SIZE) * TIME_SCALE.Value() / 100;   // 100 = 10(whole range)/1000(to second)
  268.    
  269.     /* Find optimal decimation setting */
  270.     if(cal_dec < 1) {
  271.         g_decimation = RP_DEC_1;
  272.         g_timeDelay = 131;
  273.     } else if(cal_dec < 8) {
  274.         g_decimation = RP_DEC_8;
  275.         g_timeDelay = 1048;
  276.     } else if(cal_dec < 64) {
  277.         g_decimation = RP_DEC_64;
  278.         g_timeDelay = 8388;
  279.     } else if(cal_dec < 1024) {
  280.         g_decimation = RP_DEC_1024;
  281.         g_timeDelay = 134200;
  282.     } else if(cal_dec < 8192) {
  283.         g_decimation = RP_DEC_8192;
  284.         g_timeDelay = 1000000;
  285.     } else if(cal_dec < 65536) {
  286.         g_decimation = RP_DEC_65536;
  287.         g_timeDelay = 8589000;
  288.     } else {
  289.         g_decimation = RP_DEC_8192;
  290.         g_timeDelay = 1000000;
  291.     }
  292. }
  294. // set acquire
  295. void set_acquire() {
  296. rp_AcqReset();
  298. rp_AcqSetDecimation(g_decimation);
  299. // rp_AcqSetAveraging(true);
  300. // rp_AcqSetTriggerLevel(RP_T_CH_1, 0);
  301. // rp_AcqSetTriggerDelay(ADC_BUFFER_SIZE/2.0);
  302. for (uint8_t i = 0; i < 2; i++) {
  303.  if(OSC_GAIN_CH[i].Value()) {
  304.   rp_AcqSetGain((rp_channel_t) i, RP_HIGH);
  305.  } else {
  306.   rp_AcqSetGain((rp_channel_t) i, RP_LOW);
  307.  }
  308. }
  310. rp_AcqStart();
  311. /* After acquisition is started some time delay is needed in order to acquire fresh samples in to buffer*/
  312. /* Here we have used time delay of one second but you can calculate exact value taking in to account buffer*/
  313. /*length and smaling rate. Time scale/length of a buffer for decimation 8 takes 1.049 ms to full 16 KS in buffer*/
  314. usleep(g_timeDelay);
  315. // rp_AcqSetTriggerSrc(RP_TRIG_SRC_CHA_PE);
  316. }
  318. // Run or stop APP
  319. void run_app() {
  321. // Init generator
  322. rp_GenReset();
  323. configureGenerator();
  325. // Init acquire signal
  326. get_decimation();
  327. set_acquire();
  329. g_appState = true;
  330. }
  332. void stop_app() {
  333.     g_appState = false;
  335. // stop acqusition
  336. rp_AcqStop();
  338. // Disabe generator
  339. for (uint8_t i = 0; i < 2; i++)
  340.  rp_GenOutDisable((rp_channel_t) i);
  341. }
  343. // ------------------------------------------------------------
  344. // RP Application functions
  345. // ------------------------------------------------------------
  347. //Application description
  348. const char *rp_app_desc(void)
  349. {
  350. return (const char *)"Red Pitaya scope and genarator application.\n";
  351. }
  354. //Application init
  355. int rp_app_init(void)
  356. {
  357. g_appState = false;
  358. srand(time(0));
  360. Log("Loading scope and genarator application\n" );
  362. // Initialization of API
  363. if (rpApp_Init() != RP_OK) {
  364.  Error("Red Pitaya API init failed!\n" );
  365.  return EXIT_FAILURE;
  366. } else {
  367.  Log("Red Pitaya API init success!\n" );
  368. }
  370. CDataManager::GetInstance()->SetParamInterval(SIGNAL_UPDATE_INTERVAL);
  371. CDataManager::GetInstance()->SetSignalInterval(PARAMS_UPDATE_INTERVAL);
  372. CDataManager::GetInstance()->SendAllParams();
  374. if (APP_RUN.Value() == true) {
  375.  run_app();
  376. }
  378. return 0;
  379. }
  382. //Application exit
  383. int rp_app_exit(void)
  384. {
  385. stop_app();
  387. rpApp_Release();
  389. free(g_buffer);
  391. Log("Unload Red Pitaya application\n----------------------------------------\n" );
  392. return 0;
  393. }
  395. //Set parameters
  396. int rp_set_params(rp_app_params_t *p, int len)
  397. {
  398. return 0;
  399. }
  401. //Get parameters
  402. int rp_get_params(rp_app_params_t **p)
  403. {
  404. return 0;
  405. }
  407. //Get signals
  408. int rp_get_signals(float ***s, int *sig_num, int *sig_len)
  409. {
  410. return 0;
  411. }
  417. //Update signals
  418. void UpdateSignals(void)
  419. {
  420. if (g_appState == true) {
  421.  OscAcquisitionSignal();
  422. }
  423. }
  426. //Update parameters
  427. void UpdateParams(void) {}
  429. void OnNewParams(void)
  430. {
  431. APP_RUN.Update();
  433.     // Run or stop APP
  434. if (APP_RUN.Value() == true) {
  435.  run_app();
  436. } else {
  437.  stop_app();
  438. }
  440. TIME_SCALE.Update();
  441. bool gain_is_new = false;
  442. for (uint8_t i = 0; i < 2; i++) {
  443.  OSC_SHOW_CH[i].Update();
  444.  OSC_INVERT_CH[i].Update();
  445.  OSC_PROB_CH[i].Update();
  446.  gain_is_new |= OSC_GAIN_CH[i].IsNewValue();
  447. }
  449. // change decimation if needed
  450.     if(g_appState && (TIME_SCALE.IsNewValue() || gain_is_new)) {
  451.        
  452.  VOLT_SCALE.Update();
  454.         rp_acq_decimation_t curr_dec = g_decimation;
  456.         get_decimation();
  458.         if(curr_dec != g_decimation || gain_is_new) {
  459.   for (uint8_t i = 0; i < 2; i++)
  460.    OSC_GAIN_CH[i].Update();
  462.             g_appState = false;
  463.            
  464.             rp_AcqStop();
  465.             set_acquire();
  466.             // rp_AcqSetDecimation(dec);
  468.             g_appState = true;
  469.         }
  470.     }
  472. configureGenerator();
  473. }
  475. void OnNewSignals(void) {}
  476. void PostUpdateSignals(void) {}
 

le fichier de compilation des sources c/c++
[i]Fichier src/Makefile

Code :
  1. CXX=$(CROSS_COMPILE)g++
  2. RM=rm
  4. INSTALL_DIR ?= /opt/redpitaya
  6. CXXSOURCES=main.cpp
  8. INCLUDE =  -I$(INSTALL_DIR)/include
  9. INCLUDE += -I$(INSTALL_DIR)/include/api2
  10. INCLUDE += -I$(INSTALL_DIR)/include/apiApp
  11. INCLUDE += -I$(INSTALL_DIR)/rp_sdk
  12. INCLUDE += -I$(INSTALL_DIR)/rp_sdk/libjson
  15. LIBS = -L$(INSTALL_DIR)/lib
  16. LIBS += -L$(INSTALL_DIR)/rp_sdk
  18. COMMON_FLAGS+=-Wall -fPIC -Os -s -w
  19. CFLAGS+=$(COMMON_FLAGS) $(INCLUDE)
  20. CXXFLAGS+=$(COMMON_FLAGS) -std=c++11 $(INCLUDE)
  21. LDFLAGS = -shared $(COMMON_FLAGS) $(LIBS)
  22. LDFLAGS+= -Wl,--whole-archive,--no-as-needed
  23. LDFLAGS+= -lcryptopp -lrpapp -lrp_sdk -lrp
  24. LDFLAGS+= -Wl,--no-whole-archive
  26. COBJECTS=$(CSOURCES:.c=.o)
  27. CXXOBJECTS=$(CXXSOURCES:.cpp=.o)
  28. OBJECTS=$(COBJECTS) $(CXXOBJECTS)
  30. OUT_DIR=../
  31. C_OUT_NAME=$(OUT_DIR)controllerhf.so
  33. all: make_c_app
  34. clean: clean_c_app
  36. make_c_app: $(OBJECTS)
  37. $(CXX) -o $(C_OUT_NAME) $(OBJECTS) $(CFLAGS) $(LDFLAGS)
  39. clean_c_app:
  40. $(RM) -f $(C_OUT_NAME) $(OBJECTS)
  


La partie front-end
Fichier index.html

Code :
  1. <!--
  2. *
  3. * Red Pitaya scope application
  4. *
  5. * (c) Red Pitaya http://www.redpitaya.com
  6. *
  7. -->
  8. <!DOCTYPE html>
  9. <html lang="en">
  11. <head>
  12.     <meta http-equiv="content-type" content="text/html; charset=utf-8"></meta>
  13.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  14.    
  15. <title>Red Pitaya</title>
  17.     <link href="../assets/loader.css?" rel="stylesheet" type="text/css">
  18. <link rel="stylesheet" href="css/style.css?">
  20.     <script src="../assets/jquery/jquery-2.1.3.min.js" onerror="location.reload()"></script>
  21. <script src="../assets/jquery/jquery.flot.js" onerror="location.reload()"></script>
  22. <script src="../assets/bootstrap/js/bootstrap.min.js"onerror="location.reload()"></script>   <!-- this line have to be after jquery-->
  23.     <script src="../assets/pako.js?1" onerror="location.reload()"></script>
  25. <script src="js/guiHandler.js"></script>
  26.     <script src="js/app.js"></script>
  27. </head>
  29. <body>
  31.     <!-- Icon de chargement de la page -->
  32. <div id = "loader-wrapper">
  33.  <div id="loader"></div>
  34.  <div id="loader-desc">LOADING...</div>
  35. </div>
  37. <!-- En-tête de la page -->
  38. <header>
  39.  <button class="header-button buttonL" id="return-button">
  40.   <svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  41.    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
  42.    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
  43.    <g id="SVGRepo_iconCarrier">
  44.     <path d="M15 5L9 12L15 19" stroke="#202020" stroke-width="1.5" stroke-linecap="round"
  45.      stroke-linejoin="round"></path>
  46.    </g>
  47.   </svg>
  48.  </button>
  49.  <button class="header-button buttonL" id="home-button">
  50.   <svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  51.    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
  52.    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
  53.    <g id="SVGRepo_iconCarrier">
  54.     <path d="M22 22L2 22" stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  55.     <path d="M2 11L10.1259 4.49931C11.2216 3.62279 12.7784 3.62279 13.8741 4.49931L22 11"
  56.      stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  57.     <path d="M15.5 5.5V3.5C15.5 3.22386 15.7239 3 16 3H18.5C18.7761 3 19 3.22386 19 3.5V8.5"
  58.      stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  59.     <path d="M4 22V9.5" stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  60.     <path d="M20 22V9.5" stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  61.     <path
  62.      d="M15 22V17C15 15.5858 15 14.8787 14.5607 14.4393C14.1213 14 13.4142 14 12 14C10.5858 14 9.87868 14 9.43934 14.4393C9 14.8787 9 15.5858 9 17V22"
  63.      stroke="#202020" stroke-width="1.5"></path>
  64.     <path
  65.      d="M14 9.5C14 10.6046 13.1046 11.5 12 11.5C10.8954 11.5 10 10.6046 10 9.5C10 8.39543 10.8954 7.5 12 7.5C13.1046 7.5 14 8.39543 14 9.5Z"
  66.      stroke="#202020" stroke-width="1.5"></path>
  67.    </g>
  68.   </svg>
  69.  </button>
  70.  <button class="header-button buttonR" id="info-button">
  71.   <svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  72.    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
  73.    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
  74.    <g id="SVGRepo_iconCarrier">
  75.     <circle cx="12" cy="12" r="10" stroke="#202020" stroke-width="1.5"></circle>
  76.     <path d="M10.125 8.875C10.125 7.83947 10.9645 7 12 7C13.0355 7 13.875 7.83947 13.875 8.875C13.875 9.56245 13.505 10.1635 12.9534 10.4899C12.478 10.7711 12 11.1977 12 11.75V13"
  77.      stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  78.     <circle cx="12" cy="16" r="1" fill="#202020"></circle>
  79.    </g>
  80.   </svg>
  81.  </button>
  82.  <div id="header-title">Scope & Generator</div>
  83. </header>
  85. <section>
  86.  <div id="left-section">
  87.   <div id="placeholder"></div>
  88.  </div>
  89.  <div id="right-section">
  90.   <div id="setup-navbar">
  91.    <button class="setup-navbar-button" id="input-1-button">Input 1</button>
  92.    <button class="setup-navbar-button" id="input-2-button">Input 2</button>
  93.    <button class="setup-navbar-button" id="output-1-button">Output 1</button>
  94.    <button class="setup-navbar-button" id="output-2-button">Output 2</button>
  95.    <button class="setup-navbar-button" id="math-1-button">Math 1</button>
  96.    <button class="setup-navbar-button" id="math-2-button">Math 2</button>
  97.    <button class="setup-navbar-button" id="trigger-button">Trigger</button>
  98.    <button class="setup-navbar-button" id="save-button">Save</button>
  99.   </div>
  101.   <!-- Menu pour un signal en entrée -->
  102.   <div class="setup-params" id="setup-params-input">
  103.    <div class="param-flex-container" id="show-container">
  104.     <label for="show">Show</label>
  105.     <input type="checkbox" id="OSC_SHOW_CH" name="show">
  106.    </div>
  108.    <div class="param-flex-container" id="invert-container">
  109.     <label for="invert">Invert</label>
  110.     <input type="checkbox" id="OSC_INVERT_CH" name="invert">
  111.    </div>
  113.    <div>Attenuation</div>
  115.    <!-- Attenuation avec la sonde de mesure -->
  116.    <div class="param-flex-container" id="prob-container">
  117.     <label for="prob">Probe</label>
  118.     <select name="prob" id="OSC_PROB_CH">
  119.      <option selected value="0">1</option>
  120.      <option value="1">10</option>
  121.      <option value="2">100</option>
  122.     </select>
  123.    </div>
  125.    <!-- Position du switch sur l'entrée de la red pitaya -->
  126.    <div class="param-flex-container" id="gain-container">
  127.     <label for="gain">Input</label>
  128.     <select name="gain" id="OSC_GAIN_CH">
  129.      <option selected value="0">Low voltage</option>
  130.      <option value="1">High voltage</option>
  131.     </select>
  132.    </div>
  133.   </div>
  135.   <!-- Menu pour configurer un signal en sortie -->
  136.   <div class="setup-params" id="setup-params-output">
  137.    <div class="param-flex-container" id="enable-container">
  138.     <label for="enable">Enable</label>
  139.     <input type="checkbox" id="GEN_ENABLE_CH" name="enable">
  140.    </div>
  142.    <div class="param-flex-container" id="show-container">
  143.     <label for="show">Show</label>
  144.     <input type="checkbox" id="GEN_SHOW_CH" name="show">
  145.    </div>
  147.    <div class="param-flex-container" id="amplitude-container">
  148.     <label for="amplitude">Amplitude [V]:</label>
  149.     <input type="number" id="GEN_AMPLITUDE_CH" name="amplitude" step="0.01">
  150.    </div>
  152.    <div class="param-flex-container" id="frequency-container">
  153.     <label for="frequency">Frequency [Hz]:</label>
  154.     <input type="number" id="GEN_FREQUENCY_CH" name="frequency" step="0.01">
  155.    </div>
  157.    <div class="param-flex-container" id="offset-container">
  158.     <label for="offset">Offset [V]:</label>
  159.     <input type="number" id="GEN_OFFSET_CH" name="offset" step="0.01">
  160.    </div>
  162.    <div class="param-flex-container" id="waveform-container">
  163.     <label for="waveform">Waveform :</label>
  164.     <select name="waveform" id="GEN_WAVEFORM_CH">
  165.      <option selected value="0">Sine</option>
  166.      <option value="2">Triangle</option>
  167.      <option value="1">Square</option>
  168.      <option value="6">PWM</option>
  169.      <option value="3">Ramp up</option>
  170.      <option value="4">Ramp Down</option>
  171.      <option value="5">DC positif</option>
  172.      <option value="8">DC negatif</option>
  173.      <!--<option value="7">Arbitrary</option>-->
  174.      <!--<option value="9">Sweep</option>-->
  175.     </select>
  176.    </div>
  178.    <div class="param-flex-container" id="mode-container">
  179.     <label for="mode">Mode :</label>
  180.     <select name="mode" id="GEN_MODE_CH">
  181.      <option selected value="0">Continious</option>
  182.      <option value="1">Burst</option>
  183.      <option value="2">Stream</option>
  184.     </select>
  185.    </div>
  187.    <div id="pwm-setup">
  188.     <div>PWM Options</div>
  189.     <div class="param-flex-container" id="duty-cycle-container">
  190.      <label for="duty-cycle">Duty Cycle [%]:</label>
  191.      <input type="number" id="GEN_DUTY_CYCLE_CH" name="duty-cycle" step="0.01">
  192.     </div>
  193.    </div>
  195.    <div id="burst-setup">
  196.     <div>Burst Options</div>
  197.     <div class="param-flex-container" >
  198.      <label for="burst-count">Burst Count :</label>
  199.      <input type="number" id="GEN_BURST_COUNT" name="burst-count" step="0.01">
  200.     </div>
  201.     <div class="param-flex-container" >
  202.      <label for="burst-periode">Burst Periode :</label>
  203.      <input type="number" id="GEN_BURST_PER" name="burst-periode" step="0.01">
  204.     </div>
  205.     <div class="param-flex-container" >
  206.      <label for="burst-repetition">Burst Repetition :</label>
  207.      <input type="number" id="GEN_BURST_REP" name="burst-repetition" step="0.01">
  208.     </div>
  209.    </div>
  211.                 <div id="sweep-setup">
  212.     <div>Sweep Options</div>
  215.     <!-- A compléter -->
  218.    </div>
  219.   </div>
  221.   <!-- Menu math -->
  222.   <div class="setup-params" id="setup-params-math">
  223.    <div class="param-flex-container" id="enable-container">
  224.     <label for="show">Show</label>
  225.     <input type="checkbox" id="MATH_SHOW_CH" name="show">
  226.    </div>
  228.    <div class="param-flex-container" id="operator-container">
  229.     <label for="operator">Operator :</label>
  230.     <select name="operator" id="MATH_OPERATOR_CH">
  231.      <option selected value="0">+</option>
  232.      <option value="1">-</option>
  233.      <option value="2">*</option>
  234.      <option value="3">abs</option>
  235.      <option value="4">invert</option>
  236.     </select>
  237.    </div>
  239.    <div class="param-flex-container" id="first-signal-container">
  240.     <label for="first-signal">First signal :</label>
  241.     <select name="first-signal" id="MATH_FIRST_SIGN_CH">
  242.      <option selected value="0">Input CH1</option>
  243.      <option value="1">Input CH2</option>
  244.      <option value="2">Output CH1</option>
  245.      <option value="3">Output CH2</option>
  246.     </select>
  247.    </div>
  249.    <div class="param-flex-container" id="second-signal-container">
  250.     <label for="second-signal">First signal :</label>
  251.     <select name="second-signal" id="MATH_SECOND_SIGN_CH">
  252.      <option selected value="0">Input CH1</option>
  253.      <option value="1">Input CH2</option>
  254.      <option value="2">Output CH1</option>
  255.      <option value="3">Output CH2</option>
  256.      <option value="4">Constant</option>
  257.     </select>
  258.    </div>
  260.    <div class="param-flex-container" id="second-signal-container">
  261.     <label for="constant">Constant :</label>
  262.     <input type="number" id="MATH_CONST_CH" name="constant" step="0.01">
  263.    </div>
  264.   </div>
  266.   <!-- Menu du trigger -->
  267.   <div class="setup-params" id="setup-params-trigger">
  270.                 <div>A compléter</div>
  273.   </div>
  275.   <!-- Menu pour sauvgrader les signaux affiché -->
  276.   <div class="setup-params" id="setup-params-save">
  277.                 <div>Save showed signals</div>
  279.    <div class="param-flex-container" id="save-container">
  280.     <label for="save-format">Format</label>
  281.     <select name="save-format" id="SAVE_FORMAT">
  282.      <option value="0">JSON</option>
  283.      <option selected value="1">CSV</option>
  284.      <option value="2">WAV</option>
  285.      <option value="3">DAT</option>
  286.     </select>
  287.    </div>
  288.    <div class="param-flex-container">
  289.     <button id="save-button" style="width: 100%;">Save</button>
  290.    </div>
  291.             </div>
  292.  </div>
  293. </section>
  295. <footer>
  296.  <button class="header-button buttonL">
  297.   <svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  298.    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
  299.    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
  300.    <g id="SVGRepo_iconCarrier">
  301.     <path d="M22 19H14M2 19H10" stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  302.     <path d="M12 17V14" stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  303.     <circle cx="12" cy="19" r="2" stroke="#202020" stroke-width="1.5"></circle>
  304.     <path
  305.      d="M2 11C2 9.34315 3.34315 8 5 8H19C20.6569 8 22 9.34315 22 11C22 12.6569 20.6569 14 19 14H5C3.34315 14 2 12.6569 2 11Z"
  306.      stroke="#202020" stroke-width="1.5"></path>
  307.     <path
  308.      d="M2 5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5C22 6.65685 20.6569 8 19 8H5C3.34315 8 2 6.65685 2 5Z"
  309.      stroke="#202020" stroke-width="1.5"></path>
  310.     <path d="M13 5L19 5" stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  311.     <path d="M13 11L19 11" stroke="#202020" stroke-width="1.5" stroke-linecap="round"></path>
  312.     <circle cx="6" cy="5" r="1" fill="#202020"></circle>
  313.     <circle cx="6" cy="11" r="1" fill="#202020"></circle>
  314.    </g>
  315.   </svg>
  316.  </button>
  317.  <div id="footer-messages">
  318.   <div id="message-A">-</div>
  319.   <div id="message-B">-</div>
  320.   <div id="message-C">-</div>
  321.  </div>
  322. </footer>
  323. </body>
 

Fichier css/style.css

Code :
  1. :root {
  2. --header-color: #555;
  3. --header-color-hover: #999;
  4. --border-color: black;
  5. --right-section-color: #b6b6b6;
  6. }
  8. * {
  9. box-sizing: border-box;
  10. padding: 0;
  11. margin: 0;
  12. }
  14. body {
  15. font-family: Arial, Helvetica, sans-serif;
  16. display: flex;
  17. flex-direction: column;
  18. min-height: 100vh;
  19. /* Pour que le footer reste en bas */
  20. }
  22. button, input {
  23. overflow: hidden;
  24. cursor: pointer;
  25. border-width: 1;
  26. border-style: none;
  27. }
  29. button {
  30. color: black;
  31. border-color: var(--border-color);
  32. }
  34. /* ================================================== */
  36. header {
  37. height: 40px;
  38. background-color: var(--header-color);
  39. text-align: center;
  40. font-size: 24px;
  41. color: white;
  42. }
  44. #header-title {
  45. text-align: center;
  46. font-size: 28px;
  47. }
  49. .header-button {
  50. height: 40px;
  51. padding-left: 4px;
  52. padding-right: 4px;
  53. background-color: var(--header-color);
  54. }
  56. .header-button:hover {
  57. height: 40px;
  58. padding-left: 4px;
  59. padding-right: 4px;
  60. background-color: var(--header-color-hover);
  61. color: #444;
  62. }
  64. .header-button svg {
  65.     height: 95%; /* Redimensionne le logo à 70% de la hauteur du bouton */
  66.     display: block; /* Pour s'assurer que le SVG est centré verticalement */
  67.     margin: auto; /* Pour centrer le SVG horizontalement */
  68. margin-left: -12px;
  69. margin-right: -12px;
  70. }
  72. .buttonL {
  73. float: left;
  74. border-right: 1px solid var(--border-color); /* Seule la bordure droite est visible */
  75. }
  77. .buttonR {
  78. float: right;
  79. border-left: 1px solid var(--border-color); /* Seule la bordure gauche est visible */
  80. }
  82. /* ================================================== */
  84. section {
  85. flex: 1;
  86. /* Pour que la section s'étire sur tout l'espace restant */
  87. display: flex;
  88. }
  90. /* -------------------------------------------------- */
  92. #left-section {
  93. width: 70%;
  94. background-color: #f1f1f1;
  95. padding: 0px;
  96. }
  98. #placeholder {
  99. border: 0;
  100. background-color: #fff;
  101. /* Pour remplir l'espace disponible */
  102. width: 100%;
  103.     height: 100%;
  104. }
  106. /* -------------------------------------------------- */
  108. #right-section {
  109. width: 30%;
  110. background-color: var(--right-section-color);
  111. padding: 0px;
  112. }
  114. #setup-navbar {
  115. padding: 4px;
  116. overflow-x: scroll;
  117. overflow-y: hidden;
  118. background-color: #303030;
  119. }
  121. .setup-navbar-button {
  122. padding: 4px;
  123. margin: 0px;
  124. box-sizing: border-box;
  125. float: left;
  126. display: block;
  127. color: #f2f2f2;
  128. text-align: center;
  129. text-decoration: none;
  130. background-color: #303030;
  131. border-color: black;
  132. }
  134. /* Change color on hover */
  135. .setup-navbar-button:hover {
  136. background-color: #ddd;
  137. color: black;
  138. }
  140. .setup-navbar-button.active {
  141. background-color: #20a720;
  142. color: #f2f2f2;
  143. }
  145. .setup-navbar-button.active:hover {
  146. background-color: #aa0e0e;
  147. color: #f2f2f2;
  148. }
  150. .param-flex-container {
  151. display: flex;
  152. flex-wrap: nowrap;
  153. padding: 4px 8px 4px 8px;
  154. }
  156. .param-flex-container > * {
  157. width: 60%;
  158. text-align: center;
  159. }
  161. .param-flex-container > label {
  162. width: 40%;
  163. text-align: left;
  164. }
  166. /* ================================================== */
  168. footer {
  169. height: 40px;
  170. background-color: var(--header-color);
  171. padding: 0px;
  172. text-align: center;
  173. color: white;
  174. }
  176. #footer-messages {
  177. font-size: 10px;
  178. }
  180. /* ================================================== */
  182. /* Responsive layout - longueur fenêtre < 600px */
  183. @media (max-width: 600px) {
  184. #header-title {
  185.         text-align: center;
  186.         font-size: 18px;
  187.     }
  188.     section {
  189.         flex-direction: column; /* Passe en disposition verticale */
  190.     }
  192.     #left-section,
  193.     #right-section {
  194.         width: 100%; /* Les sections prennent toute la largeur */
  195.     }
  196. }
 

Fichier js/app.js

Code :
  1. // Frozen enum - Immutable
  3. const Waveform = Object.freeze({
  4. SINE  :0, //!< Wave form sine
  5. SQUARE  :1, //!< Wave form square
  6. TRIANGLE :2, //!< Wave form triangle
  7. RAMP_UP  :3, //!< Wave form sawtooth (/|)
  8. RAMP_DOWN :4, //!< Wave form reversed sawtooth (|\)
  9. DC   :5, //!< Wave form dc
  10. PWM   :6, //!< Wave form pwm
  11. //ARBITRARY :7, //!< Use defined wave form
  12. DC_NEG  :8, //!< Wave form negative dc
  13. //SWEEP  :9, //!< Wave form sweep
  14. });
  16. const GenMode = Object.freeze({
  17. CONTINUOUS :0, //!< Continuous signal generation
  18. BURST  :1, //!< Signal is generated N times, wher N is defined with rp_GenBurstCount method
  19. STREAM  :2 //!< User can continuously write data to buffer
  20. });
  22. const Menu = Object.freeze({
  23. CLOSE    :0,
  24. INPUT_CHANNEL_1  :1,
  25. INPUT_CHANNEL_2  :2,
  26. OUTPUT_CHANNEL_1 :3,
  27. OUTPUT_CHANNEL_2 :4,
  28. MATH_CHANNEL_1     :5,
  29. MATH_CHANNEL_2   :6,
  30. TRIGGER    :7,
  31. SAVE                :8
  32. });
  34. (function() {
  36.     if ("performance" in window == false) {
  37.         window.performance = {};
  38.     }
  40.     Date.now = (Date.now || function() { // thanks IE8
  41.         return new Date().getTime();
  42.     });
  44.     if ("now" in window.performance == false) {
  45.         var nowOffset = Date.now();
  46.         if (performance.timing && performance.timing.navigationStart) {
  47.             nowOffset = performance.timing.navigationStart
  48.         }
  49.         window.performance.now = function now() {
  50.             return Date.now() - nowOffset;
  51.         }
  52.     }
  54. })();
  56. (function(APP, $, unused) {
  58. // Params cache
  59. APP.params = {
  60.  shared: {},
  61.  local: {},
  62.  callback: {}
  63. };
  65. var length_display_signal = 1024*16;
  66. APP.signals = {
  67.  length_display: length_display_signal,
  69.  OSC_SIGNAL_CH1: Array(length_display_signal).fill(0),
  70.  OSC_SIGNAL_CH2: Array(length_display_signal).fill(0),
  71.  GEN_SIGNAL_CH1: Array(length_display_signal).fill(0),
  72.  GEN_SIGNAL_CH2: Array(length_display_signal).fill(0),
  73.  MATH_SIGNAL_CH1: Array(length_display_signal).fill(0),
  74.  MATH_SIGNAL_CH2: Array(length_display_signal).fill(0),
  75. };
  77. // App configuration
  78. APP.config = {};
  79. APP.config.app_id = 'exemple';
  80.     APP.config.client_id = undefined;
  81.     APP.config.server_ip = ''; // Leave empty on production, it is used for testing only
  82.     APP.config.start_app_url = window.location.origin + '/bazaar?start=' + APP.config.app_id;
  83.     APP.config.stop_app_url = window.location.origin + '/bazaar?stop=' + APP.config.app_id;
  84.     APP.config.socket_url = 'ws://' + window.location.host + '/wss'; // WebSocket server URI
  85. APP.config.previousPageUrl = '/';
  87.     // Other global variables
  88. APP.ws = null;
  89. APP.plot = {};
  91. APP.parameterStack = [];
  92. APP.signalStack = [];
  93. APP.parametersCache = {};
  95. // App state
  96. APP.state = {
  97.  socket_opened: false,
  98.  unexpected_closed: false,
  99.  processing: false,
  100.  parametersCache_isEmpty: false,
  101.  currentMenu: Menu.CLOSE,
  102.  currentChannel: 1,
  103.  running: false,
  104. };
  107. APP.startApp = function() {
  108.  $.get(
  109.    APP.config.start_app_url
  110.   )
  111.   .done(function(dresult) {
  112.    if (dresult.status == 'OK') {
  113.     try {
  114.      APP.connectWebSocket();
  115.      console.log("Load manager" );
  116.     } catch (e) {
  117.      APP.startApp();
  118.     }
  119.    } else if (dresult.status == 'ERROR') {
  120.     console.log(dresult.reason ? dresult.reason : 'Could not start the application (ERR1)');
  121.     APP.startApp();
  122.    } else {
  123.     console.log('Could not start the application (ERR2)');
  124.     APP.startApp();
  125.    }
  126.   })
  127.   .fail(function() {
  128.    console.log('Could not start the application (ERR3)');
  129.    APP.startApp();
  130.   });
  131. };
  133. APP.realoadAPP = function() {
  134.  $.ajax({
  135.             method: "GET",
  136.             url: "/get_client_id",
  137.             timeout: 2000
  138.         }).done(function(msg) {
  139.             if (msg.trim() === APP.config.app_id) {
  140.                 location.reload();
  141.             }
  142.         }).fail(function(msg) {
  143.             console.log(msg);
  144.         });
  145. }
  147. // Creates a WebSocket connection with the web server
  148. APP.connectWebSocket = function() {
  149.  if (window.WebSocket) {
  150.   APP.ws = new WebSocket(APP.config.socket_url);
  151.   APP.ws.binaryType = "arraybuffer";
  152.  } else if (window.MozWebSocket) {
  153.   APP.ws = new MozWebSocket(APP.config.socket_url);
  154.   APP.ws.binaryType = "arraybuffer";
  155.  } else {
  156.   console.log('Browser does not support WebSocket');
  157.  }
  159.  // Define WebSocket event listeners
  160.  if (APP.ws) {
  161.   APP.ws.onopen = function() {
  162.    console.log('Socket opened');
  164.    APP.state.socket_opened = true;
  165.    APP.state.unexpected_closed = true;
  166.    APP.sendParameters();
  167.   };
  169.   APP.ws.onclose = function() {
  170.    APP.state.socket_opened = false;
  171.    if (APP.state.unexpected_closed)
  172.     setTimeout(APP.startApp(), 1000);
  173.    console.log('Socket closed');
  174.   };
  176.   APP.ws.onerror = function(ev) {
  177.    if (!APP.state.socket_opened)
  178.     APP.startApp();
  179.    console.log('Websocket error: ', ev);
  180.   };
  182.   APP.ws.onmessage = function(ev) {
  183.    try {
  184.     var data = new Uint8Array(ev.data);
  185.     var inflate = pako.inflate(data);
  186.     var text = String.fromCharCode.apply(null, new Uint8Array(inflate));
  187.     var receive = JSON.parse(text);
  189.     //Recieving parameters
  190.     if (receive.parameters) {
  191.      APP.parameterStack.push(receive.parameters);
  192.     }
  194.     //Recieve signals
  195.     if (receive.signals) {
  196.      //g_PacketsRecv++;
  197.      APP.signalStack.push(receive.signals);
  198.     }
  200.    } catch (e) {
  201.     console.log(e);
  202.    } finally {}
  203.   };
  204.  }
  205. };
  208. /* -------------------------------------------------------------------- */
  211. // Lire la valeur d'un paramètre partagé ou local
  212. APP.getVal = function(param_name) {
  213.  if (param_name in APP.params.shared) {
  214.   return APP.params.shared[param_name].value;
  215.  } else if (param_name in APP.params.local) {
  216.   return APP.params.local[param_name].value;
  217.  } else
  218.   return 0;
  219. }
  221. // Modifier la valeur d'un paramètre partagé ou local
  222. APP.setVal = function(param_name, value, send = false) {
  223.  if (param_name in APP.params.shared) {
  224.   console.log("set value of shared param ", param_name);
  225.   if (typeof(APP.params.shared[param_name].value) !== "string" ) {
  226.    if (value > APP.params.shared[param_name].max) value = APP.params.shared[param_name].max;
  227.    if (value < APP.params.shared[param_name].min) value = APP.params.shared[param_name].min;
  228.    APP.params.shared[param_name].value = value;
  229.   } else {
  230.    value = toString(value);
  231.    APP.params.shared[param_name].value = value;
  232.   }
  234.   if (send === true) {
  235.    console.log("app parameters in cache" );
  236.    APP.parametersCache[param_name] = { "value": value };
  237.    APP.state.parametersCache_isEmpty = false;
  238.   }
  239.  } else if (param_name in APP.params.local) {
  240.   console.log("set value of local param ", param_name);
  241.   if (typeof(APP.params.local[param_name].value) !== "string" ) {
  242.    if (value > APP.params.local[param_name].max) value = APP.params.local[param_name].max;
  243.    if (value < APP.params.local[param_name].min) value = APP.params.local[param_name].min;
  244.    APP.params.local[param_name].value = value;
  245.   } else {
  246.    value = toString(value);
  247.    APP.params.local[param_name].value = value;
  248.   }
  249.  }
  250.  return value;
  251. };
  253. // Mettre à jour un paramètre à partir de la valeur d'un élément js du même nom
  254. APP.updateVal = function(param_name, channel = "", proprety = "" ) {
  255.  var val;
  256.  if (proprety.length > 0) {
  257.   val = APP.setVal(param_name + channel, $("#" + param_name).prop(proprety), true);
  258.   $("#" + param_name).prop(proprety, val);
  259.  } else {
  260.   val = APP.setVal(param_name + channel, $("#" + param_name).val(), true);
  261.   $("#" + param_name).val(val);
  262.  }
  263.  return val;
  264. }
  266. APP.updateBoolVal = function(param_name, channel = "", proprety = "" ) {
  267.  var val;
  268.  if (proprety.length > 0) {
  269.   val = APP.setVal(param_name + channel, parseInt($("#" + param_name).prop(proprety))?true:false, true);
  270.   $("#" + param_name).prop(proprety, val);
  271.  } else {
  272.   val = APP.setVal(param_name + channel, parseInt($("#" + param_name).val())?true:false, true);
  273.   $("#" + param_name).val(val);
  274.  }
  275.  return val;
  276. }
  278. APP.updateIntVal = function(param_name, channel = "", proprety = "" ) {
  279.  var val;
  280.  if (proprety.length > 0) {
  281.   val = APP.setVal(param_name + channel, parseInt($("#" + param_name).prop(proprety)), true);
  282.   $("#" + param_name).prop(proprety, val);
  283.  } else {
  284.   val = APP.setVal(param_name + channel, parseInt($("#" + param_name).val()), true);
  285.   $("#" + param_name).val(val);
  286.  }
  287.  return val;
  288. }
  290. APP.updateFloatVal = function(param_name, channel = "", proprety = "" ) {
  291.  var val;
  292.  if (proprety.length > 0) {
  293.   val = APP.setVal(param_name + channel, parseFloat($("#" + param_name).prop(proprety)), true);
  294.   $("#" + param_name).prop(proprety, val);
  295.  } else {
  296.   val = APP.setVal(param_name + channel, parseFloat($("#" + param_name).val()), true);
  297.   $("#" + param_name).val(val);
  298.  }
  299.  return val;
  300. }
  302. // Mettre à jour la valeur d'un élément js à partir de un paramètre du même nom
  303. APP.updateUI = function(param_name, channel = "", proprety = "" ) {
  304.  var val;
  305.  if (proprety.length > 0) {
  306.   val = APP.getVal(param_name + channel);
  307.   $("#" + param_name).prop(proprety, val);
  308.  } else {
  309.   val = APP.getVal(param_name + channel);
  310.   $("#" + param_name).val(val);
  311.  }
  312.  return val;
  313. }
  316. /* -------------------------------------------------------------------- */
  319. // Processes newly received data for signals
  320. APP.processSignals = function(new_signals) {
  321.  var newDatas = [];
  323.  // Draw signals
  324.  for (sig_name in new_signals) {
  326.   // Ignore empty signals
  327.   if (!(sig_name in APP.signals)) {
  328.    APP.signals[sig_name] = Array(APP.signals.length_display).fill(0)
  329.   }
  330.   if (new_signals[sig_name].size == 0) continue;
  332.   var pointsXY = [];
  333.   count = APP.signals.length_display - new_signals[sig_name].size;
  334.   for (i = 0; i < count; i++) {
  335.    APP.signals[sig_name][i] = APP.signals[sig_name][i+new_signals[sig_name].size];
  336.    pointsXY.push([i, APP.signals[sig_name][i]]);
  337.   }
  339.   for (var i = 0; i < new_signals[sig_name].size; i++) {
  340.    APP.signals[sig_name][i+count] = new_signals[sig_name].value[i];
  341.    pointsXY.push([i+count, APP.signals[sig_name][i+count]]);
  342.    //pointsXY.push([i, new_signals[sig_name].value[i]]);
  343.   }
  345.   newDatas.push(pointsXY);
  346.  }
  348.  // Update graph
  349.  APP.plot.setData(newDatas);
  350.  APP.plot.draw();
  351. }
  353. //Handler
  354. var signalsHandler = function() {
  355.  if (!APP.state.socket_opened || !APP.state.running) return;
  357.  while (APP.signalStack.length > 0) {
  358.   APP.processSignals(APP.signalStack[0]);
  359.   APP.signalStack.splice(0, 1);
  360.  }
  361. }
  364. APP.processParameters = function(new_params) {
  365.  var old_params = $.extend(true, {}, APP.params.shared);
  367.  var send_all_params = Object.keys(new_params).indexOf('send_all_params') != -1;
  369.  if ('APP_RUN' in new_params) {
  370.             APP.state.running = new_params['APP_RUN'].value;
  371.         }
  373.  for (var param_name in new_params) {
  374.   APP.params.shared[param_name] = new_params[param_name];
  375.   if (APP.params.callback[param_name] !== undefined)
  376.    APP.params.callback[param_name](new_params);
  377.  }
  379.  // On attend de recevoir les premiers paramètres de l'application C avant de laisser
  380.  // la main à l'utilisateur pour changer les paramètres
  381.  if ($("body" ).hasClass("loaded" ) === false) {
  382.   console.log("Recept init parms ", new_params);
  383.   $("body" ).addClass("loaded" );
  385.   // on masque l"icon de chargement
  386.   var $element = $("#loader-wrapper" );
  387.   if ($element.length == 0){
  388.    $element.remove();
  389.   }
  390.  }
  391. };
  393. // Sends to server parameters
  394. APP.sendParameters = function() {
  395.  if (APP.state.parametersCache_isEmpty !== false) {
  396.   if (!APP.state.socket_opened) {
  397.    console.log('ERROR: Cannot save changes, socket not opened');
  398.    return false;
  399.   }
  401.   APP.parametersCache["in_command"] = { value: "send_all_params" };
  402.   APP.ws.send(JSON.stringify({ parameters: APP.parametersCache }));
  403.   APP.parametersCache = {};
  404.   APP.state.parametersCache_isEmpty = true;
  405.  }
  406.  return true;
  407. };
  409. var parametersHandler = function() {
  410.  if (!APP.state.socket_opened) return;
  412.  while (APP.parameterStack.length > 0) {
  413.   APP.processParameters(APP.parameterStack[0]);
  414.   APP.parameterStack.splice(0, 1);
  415.  }
  416.  APP.sendParameters();
  417. }
  419. //Set handlers timers
  420. setInterval(signalsHandler, 40);
  421. setInterval(parametersHandler, 10);
  424. /* -------------------------------------------------------------------- */
  426. APP.change_app_run = function(new_params) {
  427.  $("#APP_RUN" ).text(new_params['APP_RUN'].value? "RUN":"STOP" );
  428. }
  430. APP.change_osc_show_ch1 = function(new_params) {
  431.  if (APP.state.currentMenu === Menu.INPUT_CHANNEL_1)
  432.   $("#OSC_SHOW_CH" ).prop("checked", new_params['OSC_SHOW_CH1'].value);
  433. }
  434. APP.change_osc_show_ch2 = function(new_params) {
  435.  if (APP.state.currentMenu === Menu.INPUT_CHANNEL_2)
  436.   $("#OSC_SHOW_CH" ).prop("checked", new_params['OSC_SHOW_CH2'].value);
  437. }
  439. APP.change_osc_invert_ch1 = function(new_params) {
  440.  if (APP.state.currentMenu === Menu.INPUT_CHANNEL_1)
  441.   $("#OSC_INVERT_CH" ).prop("checked", new_params['OSC_INVERT_CH1'].value);
  442. }
  443. APP.change_osc_invert_ch2 = function(new_params) {
  444.  if (APP.state.currentMenu === Menu.INPUT_CHANNEL_2)
  445.   $("#OSC_INVERT_CH" ).prop("checked", new_params['OSC_INVERT_CH2'].value);
  446. }
  448. APP.change_osc_prob_ch1 = function(new_params) {
  449.  if (APP.state.currentMenu === Menu.INPUT_CHANNEL_1)
  450.   $("#OSC_PROB_CH" ).prop("checked", new_params['OSC_PROB_CH1'].value);
  451. }
  452. APP.change_osc_prob_ch2 = function(new_params) {
  453.  if (APP.state.currentMenu === Menu.INPUT_CHANNEL_2)
  454.   $("#OSC_PROB_CH" ).prop("checked", new_params['OSC_PROB_CH2'].value);
  455. }
  457. APP.change_osc_gain_ch1 = function(new_params) {
  458.  if (APP.state.currentMenu === Menu.INPUT_CHANNEL_1)
  459.   $("#OSC_GAIN_CH" ).prop("checked", new_params['OSC_GAIN_CH1'].value);
  460. }
  461. APP.change_osc_gain_ch2 = function(new_params) {
  462.  if (APP.state.currentMenu === Menu.INPUT_CHANNEL_2)
  463.   $("#OSC_GAIN_CH" ).prop("checked", new_params['OSC_GAIN_CH2'].value);
  464. }
  467. APP.change_gen_enable_ch1 = function(new_params) {
  468.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  469.   $("#GEN_ENABLE_CH" ).prop("checked", new_params['GEN_ENABLE_CH1'].value);
  470. }
  471. APP.change_gen_enable_ch2 = function(new_params) {
  472.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  473.   $("#GEN_ENABLE_CH" ).prop("checked", new_params['GEN_ENABLE_CH2'].value);
  474. }
  476. APP.change_gen_show_ch1 = function(new_params) {
  477.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  478.   $("#GEN_SHOW_CH" ).prop("checked", new_params['GEN_SHOW_CH1'].value);
  479. }
  480. APP.change_gen_show_ch2 = function(new_params) {
  481.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  482.   $("#GEN_SHOW_CH" ).prop("checked", new_params['GEN_SHOW_CH2'].value);
  483. }
  485. APP.change_gen_amplitude_ch1 = function(new_params) {
  486.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  487.   $("#GEN_AMPLITUDE_CH" ).val(new_params['GEN_AMPLITUDE_CH1'].value);
  488. }
  489. APP.change_gen_amplitude_ch2 = function(new_params) {
  490.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  491.   $("#GEN_AMPLITUDE_CH" ).val(new_params['GEN_AMPLITUDE_CH2'].value);
  492. }
  494. APP.change_gen_frequency_ch1 = function(new_params) {
  495.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  496.   $("#GEN_FREQUENCY_CH" ).val(new_params['GEN_FREQUENCY_CH1'].value);
  497. }
  498. APP.change_gen_frequency_ch2 = function(new_params) {
  499.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  500.   $("#GEN_FREQUENCY_CH" ).val(new_params['GEN_FREQUENCY_CH2'].value);
  501. }
  503. APP.change_gen_offset_ch1 = function(new_params) {
  504.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  505.   $("#GEN_OFFSET_CH" ).val(new_params['GEN_OFFSET_CH1'].value);
  506. }
  507. APP.change_gen_frequency_ch2 = function(new_params) {
  508.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  509.   $("#GEN_OFFSET_CH" ).val(new_params['GEN_OFFSET_CH2'].value);
  510. }
  512. APP.change_gen_waveform_ch1 = function(new_params) {
  513.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1) {
  514.   var val = new_params['GEN_WAVEFORM_CH1'].value;
  515.   $("#GEN_WAVEFORM_CH" ).val(val);
  516.   APP.UI.update_gen_waveform_section(val);
  517.  }
  518. }
  519. APP.change_gen_waveform_ch2 = function(new_params) {
  520.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2) {
  521.   var val = new_params['GEN_WAVEFORM_CH2'].value;
  522.   $("#GEN_WAVEFORM_CH" ).val(val);
  523.   APP.UI.update_gen_waveform_section(val);
  524.  }
  525. }
  527. APP.change_gen_mode_ch1 = function(new_params) {
  528.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1) {
  529.   var val = new_params['GEN_MODE_CH1'].value;
  530.   $("#GEN_MODE_CH" ).val(val);
  531.   APP.UI.update_gen_mode_section(val);
  532.  }
  533. }
  534. APP.change_gen_mode_ch2 = function(new_params) {
  535.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2) {
  536.   var val = new_params['GEN_MODE_CH2'].value;
  537.   $("#GEN_MODE_CH" ).val(val);
  538.   APP.UI.update_gen_mode_section(val);
  539.  }
  540. }
  542. APP.change_gen_duty_cycle_ch1 = function(new_params) {
  543.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  544.   $("#GEN_DUTY_CYCLE_CH" ).val(new_params['GEN_DUTY_CYCLE_CH1'].value);
  545. }
  546. APP.change_gen_duty_cycle_ch2 = function(new_params) {
  547.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  548.   $("#GEN_DUTY_CYCLE_CH" ).val(new_params['GEN_DUTY_CYCLE_CH2'].value);
  549. }
  551. APP.change_gen_burst_count_ch1 = function(new_params) {
  552.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  553.   $("#GEN_BURST_COUNT_CH" ).val(new_params['GEN_BURST_COUNT_CH1'].value);
  554. }
  555. APP.change_gen_burst_count_ch2 = function(new_params) {
  556.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  557.   $("#GEN_BURST_COUNT_CH" ).val(new_params['GEN_BURST_COUNT_CH2'].value);
  558. }
  560. APP.change_gen_burst_rep_ch1 = function(new_params) {
  561.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  562.   $("#GEN_BURST_REP_CH" ).val(new_params['GEN_BURST_REP_CH1'].value);
  563. }
  564. APP.change_gen_burst_rep_ch2 = function(new_params) {
  565.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  566.   $("#GEN_BURST_REP_CH" ).val(new_params['GEN_BURST_REP_CH2'].value);
  567. }
  569. APP.change_gen_burst_per_ch1 = function(new_params) {
  570.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_1)
  571.   $("#GEN_BURST_PER_CH" ).val(new_params['GEN_BURST_PER_CH1'].value);
  572. }
  573. APP.change_gen_burst_per_ch2 = function(new_params) {
  574.  if (APP.state.currentMenu === Menu.OUTPUT_CHANNEL_2)
  575.   $("#GEN_BURST_PER_CH" ).val(new_params['GEN_BURST_PER_CH2'].value);
  576. }
  578. APP.params.callback["APP_RUN"] = APP.change_app_run;
  580. APP.params.callback["OSC_SHOW_CH1"] = APP.change_osc_show_ch1;
  581. APP.params.callback["OSC_SHOW_CH2"] = APP.change_osc_show_ch2;
  582. APP.params.callback["OSC_INVERT_CH1"] = APP.change_osc_invert_ch1;
  583. APP.params.callback["OSC_INVERT_CH2"] = APP.change_osc_invert_ch2;
  584. APP.params.callback["OSC_PROB_CH1"] = APP.change_osc_prob_ch1;
  585. APP.params.callback["OSC_PROB_CH2"] = APP.change_osc_prob_ch2;
  586. APP.params.callback["OSC_GAIN_CH1"] = APP.change_osc_gain_ch1;
  587. APP.params.callback["OSC_GAIN_CH2"] = APP.change_osc_gain_ch2;
  589. APP.params.callback["GEN_ENABLE_CH1"] = APP.change_gen_enable_ch1;
  590. APP.params.callback["GEN_ENABLE_CH2"] = APP.change_gen_enable_ch2;
  591. APP.params.callback["GEN_SHOW_CH1"] = APP.change_gen_show_ch1;
  592. APP.params.callback["GEN_SHOW_CH2"] = APP.change_gen_show_ch2;
  593. APP.params.callback["GEN_AMPLITUDE_CH1"] = APP.change_gen_amplitude_ch1;
  594. APP.params.callback["GEN_AMPLITUDE_CH2"] = APP.change_gen_amplitude_ch2;
  595. APP.params.callback["GEN_FREQUENCY_CH1"] = APP.change_gen_frequency_ch1;
  596. APP.params.callback["GEN_FREQUENCY_CH2"] = APP.change_gen_frequency_ch2;
  597. APP.params.callback["GEN_OFFSET_CH1"] = APP.change_gen_offset_ch1;
  598. APP.params.callback["GEN_OFFSET_CH2"] = APP.change_gen_offset_ch2;
  599. APP.params.callback["GEN_WAVEFORM_CH1"] = APP.change_gen_waveform_ch1;
  600. APP.params.callback["GEN_WAVEFORM_CH2"] = APP.change_gen_waveform_ch2;
  601. APP.params.callback["GEN_MODE_CH1"] = APP.change_gen_mode_ch1;
  602. APP.params.callback["GEN_MODE_CH2"] = APP.change_gen_mode_ch2;
  603. APP.params.callback["GEN_DUTY_CYCLE_CH1"] = APP.change_gen_duty_cycle_ch1;
  604. APP.params.callback["GEN_DUTY_CYCLE_CH2"] = APP.change_gen_duty_cycle_ch2;
  605. APP.params.callback["GEN_BURST_COUNT_CH1"] = APP.change_gen_burst_count_ch1;
  606. APP.params.callback["GEN_BURST_COUNT_CH2"] = APP.change_gen_burst_count_ch2;
  607. APP.params.callback["GEN_BURST_REP_CH1"] = APP.change_gen_burst_rep_ch1;
  608. APP.params.callback["GEN_BURST_REP_CH2"] = APP.change_gen_burst_rep_ch2;
  609. APP.params.callback["GEN_BURST_PER_CH1"] = APP.change_gen_burst_per_ch1;
  610. APP.params.callback["GEN_BURST_PER_CH2"] = APP.change_gen_burst_per_ch2;
  612. }(window.APP = window.APP || {}, jQuery));
  614. // Page onload event handler
  615. $(function() {
  616. APP.config.client_id = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
  617.         var r = Math.random() * 16 | 0,
  618.             v = c == 'x' ? r : (r & 0x3 | 0x8);
  619.         return v.toString(16);
  620.     });
  622.     $.ajax({
  623.         url: '/set_client_id', //Server script to process data
  624.         type: 'POST',
  625.         //Ajax events
  626.         //beforeSend: beforeSendHandler,
  627.         success: function(e) { console.log(e); },
  628.         error: function(e) { console.log(e); },
  629.         // Form data
  630.         data: APP.config.client_id,
  631.         //Options to tell jQuery not to process data or worry about content-type.
  632.         cache: false,
  633.         contentType: false,
  634.         processData: false
  635.     });
  637. // Init plot
  638. APP.plot = $.plot($("#placeholder" ), [], {
  639.  series: {
  640.   shadowSize: 0, // Drawing is faster without shadows
  641.  },
  642.  yaxis: {
  643.   min: -5,
  644.   max: 5,
  645.   show: true,
  646.  },
  647.  xaxis: {
  648.   min: 0,
  649.   max: APP.signals.length_display,
  650.   show: true
  651.  },
  652.  grid: {
  653.   show: true
  654.  },
  655.  colors: [
  656.   '#FF2A68', '#FF9500', '#FFDB4C', '#87FC70', '#22EDC7', '#1AD6FD', '#C644FC', '#52EDC7', '#EF4DB6'
  657.  ]
  658. });
  660. APP.UI.close_menu();
  662. for (var name in APP.UI.changeCallbacks) {
  663.  $("#" + name).change(APP.UI.changeCallbacks[name]);
  664. }
  665. for (var name in APP.UI.clickCallbacks) {
  666.  $("#" + name).click(APP.UI.clickCallbacks[name]);
  667. }
  669. // Bind to the window resize event to redraw the graph; trigger that event to do the first drawing
  670. $(window).resize(function() {
  671.  APP.plot.resize();
  672.  APP.plot.setupGrid();
  673. });
  675. // Revenir à la page précédente si on clic sur back-btn
  676. APP.config.previousPageUrl = document.referrer;
  677. const currentUrl = window.location.href;
  678. if (currentUrl === APP.config.previousPageUrl || APP.config.previousPageUrl === "" ){
  679.  APP.config.previousPageUrl = "/";
  680. }
  682. $("#return-button" ).on("click", function(event) {
  683.  APP.state.unexpected_closed = false;
  684.  window.location.href = APP.config.previousPageUrl;
  685. });
  686. $("#home-button" ).on("click", function(event) {
  687.  APP.state.unexpected_closed = false;
  688.  window.location.href = "/";
  689.  APP.ws.onclose = function() {}; // disable onclose handler first
  690.  APP.ws.close();
  691. });
  693. APP.startApp();
  695. // Stop the application when page is unloaded
  696. $(window).on('beforeunload', function() {
  697.  if (APP.ws) {
  698.   APP.ws.onclose = function() {}; // disable onclose handler first
  699.   APP.ws.close();
  700.   $.ajax({
  701.    url: APP.config.stop_app_url,
  702.    async: false
  703.   });
  704.   APP.state.unexpected_closed = false;
  705.  }
  706. });
  707. });


Message édité par clemCH le 12-05-2024 à 12:41:08
Reply

Marsh Posté le 12-05-2024 à 11:59:19   

Reply

Marsh Posté le 12-05-2024 à 12:05:46    

Hello,
Sympa de vouloir partager, mais ça serait une très bonne idée de créer un GitHub (ou assimilé) pour ça, parce que la c'est légèrement imbitable. Les forums c'est pas trop fait pour les côté coller de 10000 lignes...

 

En outre, je doute franchement qu'un problème comme "le front ne se connecte pas bien au backend" nécessite d'avoir le programme complet pour être identifié.

Message cité 1 fois
Message édité par TotalRecall le 12-05-2024 à 12:07:37

---------------
Topic .Net - C# @ Prog
Reply

Marsh Posté le 12-05-2024 à 12:06:25    

voilà la suite du code
 
Fichier js/guiHandler.js

Code :
  1. /*
  2. *
  3. * Red Pitaya scope application
  4. *
  5. * (c) Red Pitaya http://www.redpitaya.com
  6. *
  7. * Gestion des évènements sur l'interface graphique
  8. */
  11. (function(APP, $, unused) {
  12.     APP.UI = {};
  14.     APP.UI.change_app_run = function(event) {
  15.         var val = APP.updateBoolVal("APP_RUN", APP.state.currentChannel);
  16.  $("#APP_RUN" ).text(val? "RUN":"STOP" );
  17.     }
  19.     APP.UI.change_osc_show = function(event) {
  20.         APP.updateBoolVal("OSC_SHOW_CH", APP.state.currentChannel, "checked" );
  21.     }
  23.     APP.UI.change_osc_invert = function(event) {
  24.         APP.updateBoolVal("OSC_INVERT_CH", APP.state.currentChannel, "checked" );
  25.     }
  27.     APP.UI.change_osc_prob = function(event) {
  28.         APP.updateIntVal("OSC_PROB_CH", APP.state.currentChannel);
  29.     }
  31.     APP.UI.change_osc_gain = function(event) {
  32.         APP.updateIntVal("OSC_GAIN_CH", APP.state.currentChannel);
  33.     }
  35.     APP.UI.change_gen_enable = function(event) {
  36.         APP.updateBoolVal("GEN_ENABLE_CH", APP.state.currentChannel);
  37.     }
  39.     APP.UI.change_gen_show = function(event) {
  40.         APP.updateBoolVal("GEN_SHOW_CH", APP.state.currentChannel, "checked" );
  41.     }
  43.     APP.UI.change_gen_frequency = function(event) {
  44.         APP.updateFloatVal("GEN_FREQUENCY_CH", APP.state.currentChannel);
  45.     }
  47.     APP.UI.change_gen_amplitude = function(event) {
  48.         APP.updateFloatVal("GEN_AMPLITUDE_CH", APP.state.currentChannel);
  49.     }
  51.     APP.UI.change_gen_offset = function(event) {
  52.         APP.updateFloatVal("GEN_OFFSET_CH", APP.state.currentChannel);
  53.     }
  55.     APP.UI.change_gen_waveform = function(event) {
  56.         var val = APP.updateIntVal("GEN_WAVEFORM_CH", APP.state.currentChannel);
  57.         APP.UI.update_gen_waveform_section(val);
  58.     }
  60.     APP.UI.change_gen_mode = function(event) {
  61.         var val = APP.updateIntVal("GEN_MODE_CH", APP.state.currentChannel);
  62.         APP.UI.update_gen_mode_section(val);
  63.     }
  65.     APP.UI.change_gen_duty_cycle = function(event) {
  66.         APP.updateFloatVal("GEN_DUTY_CYCLE_CH", APP.state.currentChannel);
  67.     }
  69.     APP.UI.change_gen_burst_count = function(event) {
  70.         APP.updateIntVal("GEN_BURST_COUNT_CH", APP.state.currentChannel);
  71.     }
  73.     APP.UI.change_gen_burst_per = function(event) {
  74.         APP.updateFloatVal("GEN_BURST_PER_CH", APP.state.currentChannel);
  75.     }
  77.     APP.UI.change_gen_burst_rep = function(event) {
  78.         APP.updateIntVal("GEN_BURST_REP_CH", APP.state.currentChannel);
  79.     }
  82.     APP.UI.update_osc_menu = function() {
  83.         APP.updateUI("OSC_SHOW_CH", APP.state.currentChannel, "checked" );
  84.         APP.updateUI("OSC_INVERT_CH", APP.state.currentChannel, "checked" );
  85.         APP.updateUI("OSC_PROB_CH", APP.state.currentChannel);
  86.         APP.updateUI("OSC_GAIN_CH", APP.state.currentChannel);
  87.     }
  89.     APP.UI.update_gen_menu = function() {
  90.         APP.updateUI("GEN_ENABLE_CH", APP.state.currentChannel, "checked" );
  91.         APP.updateUI("GEN_SHOW_CH", APP.state.currentChannel, "checked" );
  92.         APP.updateUI("GEN_AMPLITUDE_CH", APP.state.currentChannel);
  93.         APP.updateUI("GEN_FREQUENCY_CH", APP.state.currentChannel);
  94.         APP.updateUI("GEN_OFFSET_CH", APP.state.currentChannel);
  95.         APP.UI.update_gen_waveform_section(APP.updateUI("GEN_WAVEFORM_CH", APP.state.currentChannel));
  96.         APP.UI.update_gen_mode_section(APP.updateUI("GEN_MODE_CH", APP.state.currentChannel));
  97.         APP.updateUI("GEN_DUTY_CYCLE_CH", APP.state.currentChannel);
  98.         APP.updateUI("GEN_BURST_COUNT_CH", APP.state.currentChannel);
  99.         APP.updateUI("GEN_BURST_PER_CH", APP.state.currentChannel);
  100.         APP.updateUI("GEN_BURST_REP_CH", APP.state.currentChannel);
  101.     }
  103.     APP.UI.update_gen_waveform_section = function(waveform) {
  104.         if (waveform == Waveform.PWM) {
  105.             if ($("#pwm-setup" ).is(":hidden" ))
  106.                 $("#pwm-setup" ).slideDown(300);
  107.         } else if ($("#pwm-setup" ).is(":hidden" ) == false)
  108.             $("#pwm-setup" ).slideUp(300);
  109.         else
  110.             $("#pwm-setup" ).hide();
  111.     }
  113.     APP.UI.update_gen_mode_section = function(mode) {
  115.         // On affiche ou on masque les élements graphique permettant de configurer le burst mode
  116.         if (mode == GenMode.BURST) {
  117.             if ($("#burst-setup" ).is(":hidden" ))
  118.                 $("#burst-setup" ).slideDown(300);
  119.         } else if ($("#burst-setup" ).is(":hidden" ) == false)
  120.             $("#burst-setup" ).slideUp(300);
  121.         else
  122.             $("#burst-setup" ).hide();
  124.         // On affiche ou on masque les élements graphique permettant de configurer le sweep mode
  125.         if (mode == GenMode.SWEEP) {
  126.             if ($("#sweep-setup" ).is(":hidden" ))
  127.                 $("#sweep-setup" ).slideDown(300);
  128.         } else if ($("#sweep-setup" ).is(":hidden" ) == false)
  129.             $("#sweep-setup" ).slideUp(300);
  130.         else
  131.             $("#sweep-setup" ).hide();
  132.     }
  134.     APP.UI.update_math_menu = function() {
  135.         APP.updateUI("MATH_SHOW_CH", APP.state.currentChannel, "checked" );
  136.         APP.updateUI("MATH_OPERATOR_CH", APP.state.currentChannel);
  137.         APP.updateUI("MATH_FIRST_SIGN_CH", APP.state.currentChannel);
  138.         APP.updateUI("MATH_SECOND_SIGN_CH", APP.state.currentChannel);
  139.         APP.updateUI("MATH_CONST_CH", APP.state.currentChannel);
  140.     }
  142.     APP.UI.update_trigger_menu = function() {
  144.     }
  146.     APP.UI.update_save_menu = function() {
  148.     }
  150.     APP.UI.close_menu = function() {
  151.         // Close current menu
  152.         switch(APP.state.currentMenu) {
  153.             case Menu.INPUT_CHANNEL_1:
  154.                 $("#input-1-button" ).removeClass("active" );
  155.                 $("#setup-params-input" ).slideUp(300);
  156.                 break;
  157.             case Menu.INPUT_CHANNEL_2:
  158.                 $("#input-2-button" ).removeClass("active" );
  159.                 $("#setup-params-input" ).slideUp(300);
  160.                 break;
  161.             case Menu.OUTPUT_CHANNEL_1:
  162.                 $("#output-1-button" ).removeClass("active" );
  163.                 $("#setup-params-output" ).slideUp(300);
  164.                 break;
  165.             case Menu.OUTPUT_CHANNEL_2:
  166.                 $("#output-2-button" ).removeClass("active" );
  167.                 $("#setup-params-output" ).slideUp(300);
  168.                 break;
  169.             case Menu.MATH_CHANNEL_1:
  170.                 $("#math-1-button" ).removeClass("active" );
  171.                 $("#setup-params-math" ).slideUp(300);
  172.                 break;
  173.             case Menu.MATH_CHANNEL_2:
  174.                 $("#math-2-button" ).removeClass("active" );
  175.                 $("#setup-params-math" ).slideUp(300);
  176.                 break;
  177.             case Menu.TRIGGER:
  178.                 $("#trigger-button" ).removeClass("active" );
  179.                 $("#setup-params-trigger" ).slideUp(300);
  180.                 break;
  181.             case Menu.SAVE:
  182.                 $("#save-button" ).removeClass("active" );
  183.                 $("#setup-params-save" ).slideUp(300);
  184.                 break;
  185.             case Menu.CLOSE:
  186.                 $("#setup-params-input" ).hide();
  187.                 $("#setup-params-output" ).hide();
  188.                 $("#setup-params-math" ).hide();
  189.                 $("#setup-params-trigger" ).hide();
  190.                 $("#setup-params-save" ).hide();
  191.                 break;
  192.             default: return;
  193.         };
  194.         APP.state.currentMenu = Menu.CLOSE;
  195.     }
  197.     APP.UI.toggle_input_1_menu = function(event) {
  198.         console.log("toggle_input_1_menu" );
  199.         var old = APP.state.currentMenu;
  200.         APP.UI.close_menu();
  201.         if (old !== Menu.INPUT_CHANNEL_1) {
  202.             $("#input-1-button" ).addClass("active" );
  203.             $("#setup-params-input" ).slideDown(300);
  204.             APP.state.currentChannel = 1;
  205.             APP.state.currentMenu = Menu.INPUT_CHANNEL_1;
  206.             APP.UI.update_osc_menu();
  207.         }
  208.     }
  210.     APP.UI.toggle_input_2_menu = function(event) {
  211.         console.log("toggle_input_2_menu" );
  212.         var old = APP.state.currentMenu;
  213.         APP.UI.close_menu();
  214.         if (old !== Menu.INPUT_CHANNEL_2) {
  215.             $("#input-2-button" ).addClass("active" );
  216.             $("#setup-params-input" ).slideDown(300);
  217.             APP.state.currentChannel = 2;
  218.             APP.state.currentMenu = Menu.INPUT_CHANNEL_2;
  219.             APP.UI.update_osc_menu();
  220.         }
  221.     }
  223.     APP.UI.toggle_output_1_menu = function(event) {
  224.         console.log("toggle_output_1_menu" );
  225.         var old = APP.state.currentMenu;
  226.         APP.UI.close_menu();
  227.         if (old !== Menu.OUTPUT_CHANNEL_1) {
  228.             $("#output-1-button" ).addClass("active" );
  229.             $("#setup-params-output" ).slideDown(300);
  230.             APP.state.currentChannel = 1;
  231.             APP.state.currentMenu = Menu.OUTPUT_CHANNEL_1;
  232.             APP.UI.update_gen_menu();
  233.         }
  234.     }
  236.     APP.UI.toggle_output_2_menu = function(event) {
  237.         console.log("toggle_output_2_menu" );
  238.         var old = APP.state.currentMenu;
  239.         APP.UI.close_menu();
  240.         if (old !== Menu.OUTPUT_CHANNEL_2) {
  241.             $("#output-2-button" ).addClass("active" );
  242.             $("#setup-params-output" ).slideDown(300);
  243.             APP.state.currentChannel = 2;
  244.             APP.state.currentMenu = Menu.OUTPUT_CHANNEL_2;
  245.             APP.UI.update_gen_menu();
  246.         }
  247.     }
  249.     APP.UI.toggle_math_1_menu = function(event) {
  250.         console.log("toggle_math_1_menu" );
  251.         var old = APP.state.currentMenu;
  252.         APP.UI.close_menu();
  253.         if (old !== Menu.MATH_CHANNEL_1) {
  254.             $("#math-1-button" ).addClass("active" );
  255.             $("#setup-params-math" ).slideDown(300);
  256.             APP.state.currentChannel = 1;
  257.             APP.state.currentMenu = Menu.MATH_CHANNEL_1;
  258.             APP.UI.update_math_menu();
  259.         }
  260.     }
  262.     APP.UI.toggle_math_2_menu = function(event) {
  263.         console.log("toggle_math_2_menu" );
  264.         var old = APP.state.currentMenu;
  265.         APP.UI.close_menu();
  266.         if (old !== Menu.MATH_CHANNEL_2) {
  267.             $("#math-2-button" ).addClass("active" );
  268.             $("#setup-params-math" ).slideDown(300);
  269.             APP.state.currentChannel = 2;
  270.             APP.state.currentMenu = Menu.MATH_CHANNEL_2;
  271.             APP.UI.update_math_menu();
  272.         }
  273.     }
  275.     APP.UI.toggle_trigger_menu = function(event) {
  276.         var old = APP.state.currentMenu;
  277.         APP.UI.close_menu();
  278.         if (old !== Menu.TRIGGER) {
  279.             $("#trigger-button" ).addClass("active" );
  280.             $("#setup-params-trigger" ).slideDown(300);
  281.             APP.state.currentMenu = Menu.TRIGGER;
  282.             APP.UI.update_trigger_menu();
  283.         }
  284.     }
  286.     APP.UI.toggle_save_menu = function(event) {
  287.         var old = APP.state.currentMenu;
  288.         APP.UI.close_menu();
  289.         if (old !== Menu.SAVE) {
  290.             $("#save-button" ).addClass("active" );
  291.             $("#setup-params-save" ).slideDown(300);
  292.             APP.state.currentMenu = Menu.SAVE;
  293.             APP.UI.update_save_menu();
  294.         }
  295.     }
  297.     //Create callback
  298.     APP.UI.changeCallbacks = {}
  300.     APP.UI.changeCallbacks["OSC_SHOW_CH"]       = APP.UI.change_osc_show;
  301.     APP.UI.changeCallbacks["OSC_INVERT_CH"]     = APP.UI.change_osc_invert;
  302.     APP.UI.changeCallbacks["OSC_PROB_CH"]       = APP.UI.change_osc_prob;
  303.     APP.UI.changeCallbacks["OSC_GAIN_CH"]       = APP.UI.change_osc_gain;
  305.     APP.UI.changeCallbacks["GEN_ENABLE_CH"]     = APP.UI.change_gen_enable;
  306.     APP.UI.changeCallbacks["GEN_SHOW_CH"]       = APP.UI.change_gen_show;
  307.     APP.UI.changeCallbacks["GEN_FREQUENCY_CH"]  = APP.UI.change_gen_frequency;
  308.     APP.UI.changeCallbacks["GEN_AMPLITUDE_CH"]  = APP.UI.change_gen_amplitude;
  309.     APP.UI.changeCallbacks["GEN_OFFSET_CH"]     = APP.UI.change_gen_offset;
  310.     APP.UI.changeCallbacks["GEN_WAVEFORM_CH"]   = APP.UI.change_gen_waveform;
  311.     APP.UI.changeCallbacks["GEN_MODE_CH"]       = APP.UI.change_gen_mode;
  312.     APP.UI.changeCallbacks["GEN_DUTY_CYCLE_CH"] = APP.UI.change_gen_duty_cycle;
  313.     APP.UI.changeCallbacks["GEN_BURST_COUNT_CH"]= APP.UI.change_gen_burst_count;
  314.     APP.UI.changeCallbacks["GEN_BURST_PER_CH"]  = APP.UI.change_gen_burst_per;
  315.     APP.UI.changeCallbacks["GEN_BURST_REP_CH"]  = APP.UI.change_gen_burst_rep;
  317.     APP.UI.clickCallbacks = {}
  318.     APP.UI.clickCallbacks["APP_RUN"]           = APP.UI.change_app_run;
  320.     APP.UI.clickCallbacks["input-1-button"]    = APP.UI.toggle_input_1_menu;
  321.     APP.UI.clickCallbacks["input-2-button"]    = APP.UI.toggle_input_2_menu;
  322.     APP.UI.clickCallbacks["output-1-button"]   = APP.UI.toggle_output_1_menu;
  323.     APP.UI.clickCallbacks["output-2-button"]   = APP.UI.toggle_output_2_menu;
  324.     APP.UI.clickCallbacks["math-1-button"]     = APP.UI.toggle_math_1_menu;
  325.     APP.UI.clickCallbacks["math-2-button"]     = APP.UI.toggle_math_2_menu;
  326.     APP.UI.clickCallbacks["trigger-button"]    = APP.UI.toggle_trigger_menu;
  327.     APP.UI.clickCallbacks["save-button"]       = APP.UI.toggle_save_menu;
  329. }(window.APP = window.APP || {}, jQuery));


 
le fichier de compilation du projet total
Fichier Makefile

Code :
  1. #
  2. # Red Pitaya specific application Makefile.
  3. #
  5. APP=$(notdir $(CURDIR:%/=%))
  7. # Versioning system
  8. BUILD_NUMBER ?= 0
  9. REVISION ?= devbuild
  10. VER:=$(shell cat info/info.json | grep version | sed -e 's/.*:\ *\"//' | sed -e 's/-.*//')
  12. INSTALL_DIR ?= /opt/redpitaya
  14. CONTROLLERHF := controllerhf.so
  16. CFLAGS += -DVERSION=$(VER)-$(BUILD_NUMBER) -DREVISION=$(REVISION)
  17. export CFLAGS
  19. all: $(CONTROLLERHF)
  21. $(CONTROLLERHF):
  22. $(MAKE) -C src
  24. clean:
  25. $(MAKE) -C src clean
  26. -$(RM) *.so

Reply

Marsh Posté le 12-05-2024 à 12:09:35    

TotalRecall a écrit :

Hello,
Sympa de vouloir partager, mais ça serait une très bonne idée de créer un GitHub (ou assimilé) pour ça, parce que la c'est légèrement imbitable. Les forums c'est pas trop fait pour les côté coller de 10000 lignes...
 
En outre, je doute franchement qu'un problème comme "le front ne se connecte pas bien au backend" nécessite d'avoir le programme complet pour être identifié.


:o


---------------
Topic .Net - C# @ Prog
Reply

Marsh Posté le 12-05-2024 à 12:30:18    

Ceci n'est qu'une supposition, je pense que le problème vient de mon code.

Reply

Marsh Posté le 12-05-2024 à 14:29:46    

+1 pour TR et perso (qui ne pourrait répondre) je n'ai pas envie de lire tout ce code et toute cette prose aussi...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed