Rev 143 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 142 | daniel-mar | 1 | g_hue_shift = null; |
| 2 | g_sat_shift = null; |
||
| 3 | g_val_shift = null; |
||
| 144 | daniel-mar | 4 | g_hue_shift_saved = null; |
| 5 | g_sat_shift_saved = null; |
||
| 6 | g_val_shift_saved = null; |
||
| 142 | daniel-mar | 7 | |
| 144 | daniel-mar | 8 | function color_reset_sliders_factory() { |
| 143 | daniel-mar | 9 | $("#hshift").val(g_hue_shift = 0); |
| 10 | $("#sshift").val(g_sat_shift = 0); |
||
| 11 | $("#vshift").val(g_val_shift = 0); |
||
| 12 | $("#slider-hshift").slider("option", "value", g_hue_shift); |
||
| 13 | $("#slider-sshift").slider("option", "value", g_sat_shift); |
||
| 14 | $("#slider-vshift").slider("option", "value", g_val_shift); |
||
| 15 | test_color_theme(); |
||
| 16 | } |
||
| 17 | |||
| 144 | daniel-mar | 18 | function color_reset_sliders_cfg() { |
| 19 | $("#hshift").val(g_hue_shift = g_hue_shift_saved); |
||
| 20 | $("#sshift").val(g_sat_shift = g_sat_shift_saved); |
||
| 21 | $("#vshift").val(g_val_shift = g_val_shift_saved); |
||
| 22 | $("#slider-hshift").slider("option", "value", g_hue_shift); |
||
| 23 | $("#slider-sshift").slider("option", "value", g_sat_shift); |
||
| 24 | $("#slider-vshift").slider("option", "value", g_val_shift); |
||
| 25 | test_color_theme(); |
||
| 26 | } |
||
| 27 | |||
| 142 | daniel-mar | 28 | function setup_color_sliders() { |
| 29 | $("#slider-hshift").slider({ |
||
| 30 | value: g_hue_shift, |
||
| 31 | min: -360, |
||
| 32 | max: 360, |
||
| 33 | slide: function(event, ui) { |
||
| 34 | $("#hshift").val(ui.value); |
||
| 35 | } |
||
| 36 | }); |
||
| 37 | $("#hshift").val($("#slider-hshift").slider("value")); |
||
| 38 | |||
| 39 | $("#slider-sshift").slider({ |
||
| 40 | value: g_sat_shift, |
||
| 41 | min: -100, |
||
| 42 | max: 100, |
||
| 43 | slide: function(event, ui) { |
||
| 44 | $("#sshift").val(ui.value); |
||
| 45 | } |
||
| 46 | }); |
||
| 47 | $("#sshift").val($("#slider-sshift").slider("value")); |
||
| 48 | |||
| 49 | $("#slider-vshift").slider({ |
||
| 50 | value: g_val_shift, |
||
| 51 | min: -100, |
||
| 52 | max: 100, |
||
| 53 | slide: function(event, ui) { |
||
| 54 | $("#vshift").val(ui.value); |
||
| 55 | } |
||
| 56 | }); |
||
| 57 | $("#vshift").val($("#slider-vshift").slider("value")); |
||
| 58 | } |
||
| 59 | |||
| 60 | function test_color_theme() { |
||
| 61 | g_hue_shift = $("#hshift").val(); |
||
| 62 | g_sat_shift = $("#sshift").val(); |
||
| 63 | g_val_shift = $("#vshift").val(); |
||
| 64 | changeCSS('oidplus.min.css.php?h_shift='+$("#hshift").val()/360+'&s_shift='+$("#sshift" ).val()/100+'&v_shift='+$("#vshift" ).val()/100, 0); |
||
| 65 | } |
||
| 66 | |||
| 67 | function changeCSS(cssFile, cssLinkIndex) { |
||
| 68 | var oldlink = document.getElementsByTagName("link").item(cssLinkIndex); |
||
| 69 | |||
| 70 | var newlink = document.createElement("link"); |
||
| 71 | newlink.setAttribute("rel", "stylesheet"); |
||
| 72 | newlink.setAttribute("type", "text/css"); |
||
| 73 | newlink.setAttribute("href", cssFile); |
||
| 74 | |||
| 75 | document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink); |
||
| 76 | } |
||
| 77 | |||
| 78 | function crudActionColorUpdate(name) { |
||
| 79 | $.ajax({ |
||
| 80 | url:"ajax.php", |
||
| 81 | method:"POST", |
||
| 82 | data: { |
||
| 83 | action:"color_update", |
||
| 84 | hue_shift:document.getElementById('hshift').value, |
||
| 85 | sat_shift:document.getElementById('sshift').value, |
||
| 86 | val_shift:document.getElementById('vshift').value, |
||
| 87 | }, |
||
| 88 | error:function(jqXHR, textStatus, errorThrown) { |
||
| 89 | alert("Error: " + errorThrown); |
||
| 90 | }, |
||
| 91 | success:function(data) { |
||
| 92 | if ("error" in data) { |
||
| 93 | alert("Error: " + data.error); |
||
| 94 | } else if (data.status == 0) { |
||
| 144 | daniel-mar | 95 | g_hue_shift_saved = g_hue_shift; |
| 96 | g_sat_shift_saved = g_sat_shift; |
||
| 97 | g_val_shift_saved = g_val_shift; |
||
| 142 | daniel-mar | 98 | test_color_theme(); // apply visually |
| 99 | alert("Update OK"); |
||
| 100 | } else { |
||
| 101 | alert("Error: " + data); |
||
| 102 | } |
||
| 103 | } |
||
| 104 | }); |
||
| 105 | } |
||
| 106 |