1(function () { 2 // recharge 10 DHs 3 CustomRangeSlider.init({ 4 maxValue: 2147483648, // in Bytes , the module will convert them to appropriate unit 5 nbTicks: 5, // 6 isFixedSlide: false, 7 formatType: "data_unit", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 8 slideId: "slider11", // The #ID HTML of the range slider 9 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 10 minValue: 0, // Min value to be displayed 11 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 12 width: 500, 13 rangeLabel: 'Internet', 14 customCursor: 15 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 16 cursorSize: 15, 17 progressBarColor: "#ff7900", 18 ticksTextColor: "#000", 19 rangeBorderColor: "#fff", 20 rangeBorderWidth: 10, 21 rangeHeight: 6, 22 hasTooltip: true, 23 tooltipPositionY: 25, 24 isRtl: ($('html').attr('lang') == "ar") ? true : false 25 }) 26 .on("onStart", function(val) { console.log("DATA Internet", val)}) 27 .on("onEnd", function(val) { console.log("DATA Internet", val)}) 28 .on("onChange", function(val) { console.log("DATA Internet", val)}); 29 30 CustomRangeSlider.init({ 31 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 32 nbTicks: 5, // 33 isFixedSlide: false, 34 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 35 slideId: "slider12", // The #ID HTML of the range slider 36 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 37 minValue: 0, // Min value to be displayed 38 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 39 width: 500, 40 rangeLabel: 'Appel nationaux', 41 customCursor: 42 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 43 cursorSize: 15, 44 progressBarColor: "#ff7900", 45 ticksTextColor: "#000", 46 rangeBorderColor: "#fff", 47 rangeBorderWidth: 10, 48 rangeHeight: 6, 49 hasTooltip: true, 50 tooltipPositionY: 25, 51 isRtl: ($('html').attr('lang') == "ar") ? true : false 52 }) 53 .on("onStart", function(val) { console.log("DATA Appel nationaux", val)}) 54 .on("onEnd", function(val) { console.log("DATA Appel nationaux", val)}) 55 .on("onChange", function(val) { console.log("DATA Appel nationaux", val)}); 56 57 CustomRangeSlider.init({ 58 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 59 nbTicks: 5, // 60 isFixedSlide: false, 61 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 62 slideId: "slider13", // The #ID HTML of the range slider 63 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 64 minValue: 0, // Min value to be displayed 65 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 66 width: 500, 67 rangeLabel: 'Appels internationaux', 68 customCursor: 69 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 70 cursorSize: 15, 71 progressBarColor: "#ff7900", 72 ticksTextColor: "#000", 73 rangeBorderColor: "#fff", 74 rangeBorderWidth: 10, 75 rangeHeight: 6, 76 hasTooltip: true, 77 tooltipPositionY: 25, 78 isRtl: ($('html').attr('lang') == "ar") ? true : false 79 }) 80 .on("onStart", function(val) { console.log("DATA Appels internationaux", val)}) 81 .on("onEnd", function(val) { console.log("DATA Appels internationaux", val)}) 82 .on("onChange", function(val) { console.log("DATA Appels internationaux", val)}); 83 84 CustomRangeSlider.init({ 85 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 86 nbTicks: 5, // 87 isFixedSlide: false, 88 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 89 slideId: "slider14", // The #ID HTML of the range slider 90 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 91 minValue: 0, // Min value to be displayed 92 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 93 width: 500, 94 rangeLabel: 'Appel vers N° Orange', 95 customCursor:
96 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 97 cursorSize: 15, 98 progressBarColor: "#ff7900", 99 ticksTextColor: "#000", 100 rangeBorderColor: "#fff", 101 rangeBorderWidth: 10, 102 rangeHeight: 6, 103 hasTooltip: true, 104 tooltipPositionY: 25, 105 isRtl: ($('html').attr('lang') == "ar") ? true : false 106 }) 107 .on("onStart", function(val) { console.log("DATA Appel vers N° Orange", val)}) 108 .on("onEnd", function(val) { console.log("DATA Appel vers N° Orange", val)}) 109 .on("onChange", function(val) { console.log("DATA Appel vers N° Orange", val)}); 110 111 CustomRangeSlider.init({ 112 maxValue: 800, 113 nbTicks: 5, 114 isFixedSlide: false, 115 formatType: "default", 116 slideId: "slider15", 117 defaultValue: 0, 118 minValue: 0, 119 tickLabel: "SMS", // on default cases the tickLabel must be provided in case we want to display units beside values, 120 width: 500, 121 rangeLabel: 'SMS nationaux', 122 customCursor: 123 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 124 cursorSize: 15, 125 progressBarColor: "#ff7900", 126 ticksTextColor: "#fff", 127 rangeBorderColor: "#fff", 128 rangeBorderWidth: 10, 129 rangeHeight: 6, 130 hasTooltip: true, 131 tooltipPositionY: 25, 132 isRtl: ($('html').attr('lang') == "ar") ? true : false 133 }) 134 .on("onStart", function(val) { console.log("DATA SMS nationaux", val)}) 135 .on("onEnd", function(val) { console.log("DATA SMS nationaux", val)}) 136 .on("onChange", function(val) { console.log("DATA SMS nationaux", val)}); 137 138 // recharge 20 DHs 139 CustomRangeSlider.init({ 140 maxValue: 2147483648, // in Bytes , the module will convert them to appropriate unit 141 nbTicks: 5, // 142 isFixedSlide: false, 143 formatType: "data_unit", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 144 slideId: "slider21", // The #ID HTML of the range slider 145 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 146 minValue: 0, // Min value to be displayed 147 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 148 width: 500, 149 rangeLabel: 'Internet', 150 customCursor: 151 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 152 cursorSize: 15, 153 progressBarColor: "#ff7900", 154 ticksTextColor: "#000", 155 rangeBorderColor: "#fff", 156 rangeBorderWidth: 10, 157 rangeHeight: 6, 158 hasTooltip: true, 159 tooltipPositionY: 25, 160 isRtl: ($('html').attr('lang') == "ar") ? true : false 161 }) 162 .on("onStart", function(val) { console.log("DATA Internet", val)}) 163 .on("onEnd", function(val) { console.log("DATA Internet", val)}) 164 .on("onChange", function(val) { console.log("DATA Internet", val)}); 165 166 CustomRangeSlider.init({ 167 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 168 nbTicks: 5, // 169 isFixedSlide: false, 170 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 171 slideId: "slider22", // The #ID HTML of the range slider 172 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 173 minValue: 0, // Min value to be displayed 174 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 175 width: 500, 176 rangeLabel: 'Appel nationaux', 177 customCursor: 178 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 179 cursorSize: 15, 180 progressBarColor: "#ff7900", 181 ticksTextColor: "#000", 182 rangeBorderColor: "#fff", 183 rangeBorderWidth: 10, 184 rangeHeight: 6, 185 hasTooltip: true, 186 tooltipPositionY: 25, 187 isRtl: ($('html').attr('lang') == "ar") ? true : false 188 }) 189 .on("onStart", function(val) { console.log("DATA Appel nationaux", val)}) 190 .on("onEnd", function(val) { console.log("DATA Appel nationaux", val)}) 191 .on("onChange", function(val) { console.log("DATA Appel nationaux", val)}); 192 193 CustomRangeSlider.init({ 194 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 195 nbTicks: 5, // 196 isFixedSlide: false, 197 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 198 slideId: "slider23", // The #ID HTML of the range slider 199 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 200 minValue: 0, // Min value to be displayed 201 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 202 width: 500, 203 rangeLabel: 'Appels internationaux', 204 customCursor:
205 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 206 cursorSize: 15, 207 progressBarColor: "#ff7900", 208 ticksTextColor: "#000", 209 rangeBorderColor: "#fff", 210 rangeBorderWidth: 10, 211 rangeHeight: 6, 212 hasTooltip: true, 213 tooltipPositionY: 25, 214 isRtl: ($('html').attr('lang') == "ar") ? true : false 215 }) 216 .on("onStart", function(val) { console.log("DATA Appels internationaux", val)}) 217 .on("onEnd", function(val) { console.log("DATA Appels internationaux", val)}) 218 .on("onChange", function(val) { console.log("DATA Appels internationaux", val)}); 219 220 CustomRangeSlider.init({ 221 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 222 nbTicks: 5, // 223 isFixedSlide: false, 224 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 225 slideId: "slider24", // The #ID HTML of the range slider 226 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 227 minValue: 0, // Min value to be displayed 228 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 229 width: 500, 230 rangeLabel: 'Appel vers N° Orange', 231 customCursor: 232 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 233 cursorSize: 15, 234 progressBarColor: "#ff7900", 235 ticksTextColor: "#000", 236 rangeBorderColor: "#fff", 237 rangeBorderWidth: 10, 238 rangeHeight: 6, 239 hasTooltip: true, 240 tooltipPositionY: 25, 241 isRtl: ($('html').attr('lang') == "ar") ? true : false 242 }) 243 .on("onStart", function(val) { console.log("DATA Appel vers N° Orange", val)}) 244 .on("onEnd", function(val) { console.log("DATA Appel vers N° Orange", val)}) 245 .on("onChange", function(val) { console.log("DATA Appel vers N° Orange", val)}); 246 247 CustomRangeSlider.init({ 248 maxValue: 800, 249 nbTicks: 5, 250 isFixedSlide: false, 251 formatType: "default", 252 slideId: "slider25", 253 defaultValue: 0, 254 minValue: 0, 255 tickLabel: "SMS", // on default cases the tickLabel must be provided in case we want to display units beside values, 256 width: 500, 257 rangeLabel: 'SMS nationaux', 258 customCursor: 259 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 260 cursorSize: 15, 261 progressBarColor: "#ff7900", 262 ticksTextColor: "#fff", 263 rangeBorderColor: "#fff", 264 rangeBorderWidth: 10, 265 rangeHeight: 6, 266 hasTooltip: true, 267 tooltipPositionY: 25, 268 isRtl: ($('html').attr('lang') == "ar") ? true : false 269 }) 270 .on("onStart", function(val) { console.log("DATA SMS nationaux", val)}) 271 .on("onEnd", function(val) { console.log("DATA SMS nationaux", val)}) 272 .on("onChange", function(val) { console.log("DATA SMS nationaux", val)}); 273 274 // recharge 50 DHs 275 CustomRangeSlider.init({ 276 maxValue: 2147483648, // in Bytes , the module will convert them to appropriate unit 277 nbTicks: 5, // 278 isFixedSlide: false, 279 formatType: "data_unit", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 280 slideId: "slider31", // The #ID HTML of the range slider 281 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 282 minValue: 0, // Min value to be displayed 283 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 284 width: 500, 285 rangeLabel: 'Internet', 286 customCursor: 287 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 288 cursorSize: 15, 289 progressBarColor: "#ff7900", 290 ticksTextColor: "#000", 291 rangeBorderColor: "#fff", 292 rangeBorderWidth: 10, 293 rangeHeight: 6, 294 hasTooltip: true, 295 tooltipPositionY: 25, 296 isRtl: ($('html').attr('lang') == "ar") ? true : false 297 }) 298 .on("onStart", function(val) { console.log("DATA Internet", val)}) 299 .on("onEnd", function(val) { console.log("DATA Internet", val)}) 300 .on("onChange", function(val) { console.log("DATA Internet", val)}); 301 302 CustomRangeSlider.init({ 303 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 304 nbTicks: 5, // 305 isFixedSlide: false, 306 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 307 slideId: "slider32", // The #ID HTML of the range slider 308 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 309 minValue: 0, // Min value to be displayed 310 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 311 width: 500, 312 rangeLabel: 'Appel nationaux', 313 customCursor:
314 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 315 cursorSize: 15, 316 progressBarColor: "#ff7900", 317 ticksTextColor: "#000", 318 rangeBorderColor: "#fff", 319 rangeBorderWidth: 10, 320 rangeHeight: 6, 321 hasTooltip: true, 322 tooltipPositionY: 25, 323 isRtl: ($('html').attr('lang') == "ar") ? true : false 324 }) 325 .on("onStart", function(val) { console.log("DATA Appel nationaux", val)}) 326 .on("onEnd", function(val) { console.log("DATA Appel nationaux", val)}) 327 .on("onChange", function(val) { console.log("DATA Appel nationaux", val)}); 328 329 CustomRangeSlider.init({ 330 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 331 nbTicks: 5, // 332 isFixedSlide: false, 333 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 334 slideId: "slider33", // The #ID HTML of the range slider 335 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 336 minValue: 0, // Min value to be displayed 337 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 338 width: 500, 339 rangeLabel: 'Appels internationaux', 340 customCursor: 341 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 342 cursorSize: 15, 343 progressBarColor: "#ff7900", 344 ticksTextColor: "#000", 345 rangeBorderColor: "#fff", 346 rangeBorderWidth: 10, 347 rangeHeight: 6, 348 hasTooltip: true, 349 tooltipPositionY: 25, 350 isRtl: ($('html').attr('lang') == "ar") ? true : false 351 }) 352 .on("onStart", function(val) { console.log("DATA Appels internationaux", val)}) 353 .on("onEnd", function(val) { console.log("DATA Appels internationaux", val)}) 354 .on("onChange", function(val) { console.log("DATA Appels internationaux", val)}); 355 356 CustomRangeSlider.init({ 357 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 358 nbTicks: 5, // 359 isFixedSlide: false, 360 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 361 slideId: "slider34", // The #ID HTML of the range slider 362 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 363 minValue: 0, // Min value to be displayed 364 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 365 width: 500, 366 rangeLabel: 'Appel vers N° Orange', 367 customCursor: 368 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 369 cursorSize: 15, 370 progressBarColor: "#ff7900", 371 ticksTextColor: "#000", 372 rangeBorderColor: "#fff", 373 rangeBorderWidth: 10, 374 rangeHeight: 6, 375 hasTooltip: true, 376 tooltipPositionY: 25, 377 isRtl: ($('html').attr('lang') == "ar") ? true : false 378 }) 379 .on("onStart", function(val) { console.log("DATA Appel vers N° Orange", val)}) 380 .on("onEnd", function(val) { console.log("DATA Appel vers N° Orange", val)}) 381 .on("onChange", function(val) { console.log("DATA Appel vers N° Orange", val)}); 382 383 CustomRangeSlider.init({ 384 maxValue: 800, 385 nbTicks: 5, 386 isFixedSlide: false, 387 formatType: "default", 388 slideId: "slider35", 389 defaultValue: 0, 390 minValue: 0, 391 tickLabel: "SMS", // on default cases the tickLabel must be provided in case we want to display units beside values, 392 width: 500, 393 rangeLabel: 'SMS nationaux', 394 customCursor: 395 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 396 cursorSize: 15, 397 progressBarColor: "#ff7900", 398 ticksTextColor: "#fff", 399 rangeBorderColor: "#fff", 400 rangeBorderWidth: 10, 401 rangeHeight: 6, 402 hasTooltip: true, 403 tooltipPositionY: 25, 404 isRtl: ($('html').attr('lang') == "ar") ? true : false 405 }) 406 .on("onStart", function(val) { console.log("DATA SMS nationaux", val)}) 407 .on("onEnd", function(val) { console.log("DATA SMS nationaux", val)}) 408 .on("onChange", function(val) { console.log("DATA SMS nationaux", val)}); 409 410 // recharge 100 DHs 411 CustomRangeSlider.init({ 412 maxValue: 2147483648, // in Bytes , the module will convert them to appropriate unit 413 nbTicks: 5, // 414 isFixedSlide: false, 415 formatType: "data_unit", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 416 slideId: "slider41", // The #ID HTML of the range slider 417 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 418 minValue: 0, // Min value to be displayed 419 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 420 width: 500, 421 rangeLabel: 'Internet', 422 customCursor:
423 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 424 cursorSize: 15, 425 progressBarColor: "#ff7900", 426 ticksTextColor: "#000", 427 rangeBorderColor: "#fff", 428 rangeBorderWidth: 10, 429 rangeHeight: 6, 430 hasTooltip: true, 431 tooltipPositionY: 25, 432 isRtl: ($('html').attr('lang') == "ar") ? true : false 433 }) 434 .on("onStart", function(val) { console.log("DATA Internet", val)}) 435 .on("onEnd", function(val) { console.log("DATA Internet", val)}) 436 .on("onChange", function(val) { console.log("DATA Internet", val)}); 437 438 CustomRangeSlider.init({ 439 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 440 nbTicks: 5, // 441 isFixedSlide: false, 442 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 443 slideId: "slider42", // The #ID HTML of the range slider 444 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 445 minValue: 0, // Min value to be displayed 446 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 447 width: 500, 448 rangeLabel: 'Appel nationaux', 449 customCursor: 450 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 451 cursorSize: 15, 452 progressBarColor: "#ff7900", 453 ticksTextColor: "#000", 454 rangeBorderColor: "#fff", 455 rangeBorderWidth: 10, 456 rangeHeight: 6, 457 hasTooltip: true, 458 tooltipPositionY: 25, 459 isRtl: ($('html').attr('lang') == "ar") ? true : false 460 }) 461 .on("onStart", function(val) { console.log("DATA Appel nationaux", val)}) 462 .on("onEnd", function(val) { console.log("DATA Appel nationaux", val)}) 463 .on("onChange", function(val) { console.log("DATA Appel nationaux", val)}); 464 465 CustomRangeSlider.init({ 466 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 467 nbTicks: 5, // 468 isFixedSlide: false, 469 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 470 slideId: "slider43", // The #ID HTML of the range slider 471 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 472 minValue: 0, // Min value to be displayed 473 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 474 width: 500, 475 rangeLabel: 'Appels internationaux', 476 customCursor: 477 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 478 cursorSize: 15, 479 progressBarColor: "#ff7900", 480 ticksTextColor: "#000", 481 rangeBorderColor: "#fff", 482 rangeBorderWidth: 10, 483 rangeHeight: 6, 484 hasTooltip: true, 485 tooltipPositionY: 25, 486 isRtl: ($('html').attr('lang') == "ar") ? true : false 487 }) 488 .on("onStart", function(val) { console.log("DATA Appels internationaux", val)}) 489 .on("onEnd", function(val) { console.log("DATA Appels internationaux", val)}) 490 .on("onChange", function(val) { console.log("DATA Appels internationaux", val)}); 491 492 CustomRangeSlider.init({ 493 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 494 nbTicks: 5, // 495 isFixedSlide: false, 496 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 497 slideId: "slider44", // The #ID HTML of the range slider 498 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 499 minValue: 0, // Min value to be displayed 500 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 501 width: 500, 502 rangeLabel: 'Appel vers N° Orange', 503 customCursor: 504 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 505 cursorSize: 15, 506 progressBarColor: "#ff7900", 507 ticksTextColor: "#000", 508 rangeBorderColor: "#fff", 509 rangeBorderWidth: 10, 510 rangeHeight: 6, 511 hasTooltip: true, 512 tooltipPositionY: 25, 513 isRtl: ($('html').attr('lang') == "ar") ? true : false 514 }) 515 .on("onStart", function(val) { console.log("DATA Appel vers N° Orange", val)}) 516 .on("onEnd", function(val) { console.log("DATA Appel vers N° Orange", val)}) 517 .on("onChange", function(val) { console.log("DATA Appel vers N° Orange", val)}); 518 519 CustomRangeSlider.init({ 520 maxValue: 800, 521 nbTicks: 5, 522 isFixedSlide: false, 523 formatType: "default", 524 slideId: "slider45", 525 defaultValue: 0, 526 minValue: 0, 527 tickLabel: "SMS", // on default cases the tickLabel must be provided in case we want to display units beside values, 528 width: 500, 529 rangeLabel: 'SMS nationaux', 530 customCursor:
531 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 532 cursorSize: 15, 533 progressBarColor: "#ff7900", 534 ticksTextColor: "#fff", 535 rangeBorderColor: "#fff", 536 rangeBorderWidth: 10, 537 rangeHeight: 6, 538 hasTooltip: true, 539 tooltipPositionY: 25, 540 isRtl: ($('html').attr('lang') == "ar") ? true : false 541 }) 542 .on("onStart", function(val) { console.log("DATA SMS nationaux", val)}) 543 .on("onEnd", function(val) { console.log("DATA SMS nationaux", val)}) 544 .on("onChange", function(val) { console.log("DATA SMS nationaux", val)}); 545 546 // recharge 200 DHs 547 CustomRangeSlider.init({ 548 maxValue: 2147483648, // in Bytes , the module will convert them to appropriate unit 549 nbTicks: 5, // 550 isFixedSlide: false, 551 formatType: "data_unit", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 552 slideId: "slider51", // The #ID HTML of the range slider 553 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 554 minValue: 0, // Min value to be displayed 555 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 556 width: 500, 557 rangeLabel: 'Internet', 558 customCursor: 559 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 560 cursorSize: 15, 561 progressBarColor: "#ff7900", 562 ticksTextColor: "#000", 563 rangeBorderColor: "#fff", 564 rangeBorderWidth: 10, 565 rangeHeight: 6, 566 hasTooltip: true, 567 tooltipPositionY: 25, 568 isRtl: ($('html').attr('lang') == "ar") ? true : false 569 }) 570 .on("onStart", function(val) { console.log("DATA Internet", val)}) 571 .on("onEnd", function(val) { console.log("DATA Internet", val)}) 572 .on("onChange", function(val) { console.log("DATA Internet", val)}); 573 574 CustomRangeSlider.init({ 575 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 576 nbTicks: 5, // 577 isFixedSlide: false, 578 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 579 slideId: "slider52", // The #ID HTML of the range slider 580 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 581 minValue: 0, // Min value to be displayed 582 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 583 width: 500, 584 rangeLabel: 'Appel nationaux', 585 customCursor: 586 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 587 cursorSize: 15, 588 progressBarColor: "#ff7900", 589 ticksTextColor: "#000", 590 rangeBorderColor: "#fff", 591 rangeBorderWidth: 10, 592 rangeHeight: 6, 593 hasTooltip: true, 594 tooltipPositionY: 25, 595 isRtl: ($('html').attr('lang') == "ar") ? true : false 596 }) 597 .on("onStart", function(val) { console.log("DATA Appel nationaux", val)}) 598 .on("onEnd", function(val) { console.log("DATA Appel nationaux", val)}) 599 .on("onChange", function(val) { console.log("DATA Appel nationaux", val)}); 600 601 CustomRangeSlider.init({ 602 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 603 nbTicks: 5, // 604 isFixedSlide: false, 605 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 606 slideId: "slider53", // The #ID HTML of the range slider 607 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 608 minValue: 0, // Min value to be displayed 609 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 610 width: 500, 611 rangeLabel: 'Appels internationaux', 612 customCursor: 613 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 614 cursorSize: 15, 615 progressBarColor: "#ff7900", 616 ticksTextColor: "#000", 617 rangeBorderColor: "#fff", 618 rangeBorderWidth: 10, 619 rangeHeight: 6, 620 hasTooltip: true, 621 tooltipPositionY: 25, 622 isRtl: ($('html').attr('lang') == "ar") ? true : false 623 }) 624 .on("onStart", function(val) { console.log("DATA Appels internationaux", val)}) 625 .on("onEnd", function(val) { console.log("DATA Appels internationaux", val)}) 626 .on("onChange", function(val) { console.log("DATA Appels internationaux", val)}); 627 628 CustomRangeSlider.init({ 629 maxValue: 3600, // in Bytes , the module will convert them to appropriate unit 630 nbTicks: 5, // 631 isFixedSlide: false, 632 formatType: "time", // data_unitd: which means bytes. in this case the maxValue will be auto calculated with embedded formatter script. 633 slideId: "slider54", // The #ID HTML of the range slider 634 defaultValue: 0, // default value of the cursor range, it can be customized dependeng on the maxValue 635 minValue: 0, // Min value to be displayed 636 // Not working if types are "data_unit" or "time" it only has effect when formatType is "default", 637 width: 500, 638 rangeLabel: 'Appel vers N° Orange', 639 customCursor:
640 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 641 cursorSize: 15, 642 progressBarColor: "#ff7900", 643 ticksTextColor: "#000", 644 rangeBorderColor: "#fff", 645 rangeBorderWidth: 10, 646 rangeHeight: 6, 647 hasTooltip: true, 648 tooltipPositionY: 25, 649 isRtl: ($('html').attr('lang') == "ar") ? true : false 650 }) 651 .on("onStart", function(val) { console.log("DATA Appel vers N° Orange", val)}) 652 .on("onEnd", function(val) { console.log("DATA Appel vers N° Orange", val)}) 653 .on("onChange", function(val) { console.log("DATA Appel vers N° Orange", val)}); 654 655 CustomRangeSlider.init({ 656 maxValue: 800, 657 nbTicks: 5, 658 isFixedSlide: false, 659 formatType: "default", 660 slideId: "slider55", 661 defaultValue: 0, 662 minValue: 0, 663 tickLabel: "SMS", // on default cases the tickLabel must be provided in case we want to display units beside values, 664 width: 500, 665 rangeLabel: 'SMS nationaux', 666 customCursor: 667 "https://findicons.com/files/icons/766/base_software/256/circle_orange.png", 668 cursorSize: 15, 669 progressBarColor: "#ff7900", 670 ticksTextColor: "#fff", 671 rangeBorderColor: "#fff", 672 rangeBorderWidth: 10, 673 rangeHeight: 6, 674 hasTooltip: true, 675 tooltipPositionY: 25, 676 isRtl: ($('html').attr('lang') == "ar") ? true : false 677 }) 678 .on("onStart", function(val) { console.log("DATA SMS nationaux", val)}) 679 .on("onEnd", function(val) { console.log("DATA SMS nationaux", val)}) 680 .on("onChange", function(val) { console.log("DATA SMS nationaux", val)}); 681 682 // pour refonte tassbik 683 if($("#slider-tassbik").data("env") !== "prod") { 684 CustomRangeSlider.init({ 685 maxValue: 3000, 686 nbTicks: 4, 687 isFixedSlide: true, 688 formatType: "default", 689 slideId: "slider-tassbik", 690 defaultValue: $(".form-jauge").find("input.recupere-jauge-value").data("default-value"), 691 minValue: 150, 692 tickLabel: ($('html').attr('lang') == "ar") ? 'درÙÙ ' : "Dhs", // on default cases the tickLabel must be provided in case we want to display units beside values, 693 width: 450, 694 rangeLabel: ($('html').attr('lang') == "ar") ? 'Øدد اÙ٠بÙغ اÙذ٠ترÙد دÙعÙ:' : 'Sélectionner le montant à avancer :', 695 customCursor: "../../../assets/img/b2b/circle-white.png", 696 cursorSize: 30, 697 progressBarColor: "#ff7900", 698 ticksTextColor: "#fff", 699 rangeBorderColor: "#fff", 700 rangeBorderWidth: 10, 701 rangeHeight: 12, 702 hasTooltip: true, 703 tooltipPositionY: 35, 704 isRtl: ($('html').attr('lang') == "ar") ? true : false, 705 step: 50 706 }) 707 .on("onStart", function(val) { 708 $(".form-jauge").find("input.recupere-jauge-value").val(val); 709 }) 710 .on("onEnd", function(val) { 711 $(".form-jauge").find("input.recupere-jauge-value").val(val); 712 }) 713 .on("onChange", function(val) { 714 $(".form-jauge").find("input.recupere-jauge-value").val(val); 715 $(".form-jauge").find(".montant-tassbik").text(val); 716 $(".form-jauge").find(".input-montant-tassbik").val(val); 717 }); 718 } 719 720 $(".input-montant-tassbik").on("input", function(e) { 721 const val = $(".form-jauge").find(".input-montant-tassbik").val() 722 $(".form-jauge").find("input.recupere-jauge-value").val(val); 723 $(".form-jauge").find(".montant-tassbik").text(val); 724 const val2 = $(e.target).val() 725 var $inputRange = $('input[type="range"].rangeTassbik'); 726 if(val2!==''){ 727 $inputRange.prop("disabled", true); 728 } 729 else{ 730 $inputRange.prop("disabled", false); 731 $(".form-jauge").find(".montant-tassbik").text($inputRange.val()); 732 } 733 $inputRange.rangeslider('update'); 734 735 }) 736})();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.