PageSourceSearch

https://www.nutribalance.ai/members/js/pkg_img.js

js nutribalance.ai collected 2026-10-05 15:41:38 UTC 9,251 bytes, 230 lines download raw bytes

1
2
3
4OS.pkg.register('img_msg', function(ready){
5
6	var p = {};
7
8	p.msg_jdat = function(raw_data){
9
10		var jdat = {
11			pkg:raw_data.msg_pkg, 
12			desc:'Image::Images', 
13			data:{url_s:raw_data.url_s, url:raw_data.url}
14		};
15		return jdat;
16	}
17
18
19	p.draw_msg = function(elem, jdat, fn, prm){
20		if(typeof prm === 'undefined') prm = {};
21		var data = jdat.data;
22		var i1 = OS.dom.add_element('img', elem, {cursor:'pointer', webkitTapHighlightColor:'rgba(0,0,0,0)', display:'inline-block',  maxWidth:'250px', maxHeight:'350px', width:'auto', height: 'auto'}, {src: tfimg(data.url_s)});
23		S.borderRadius(i1, '20px');
24		OS.event.observe(i1, 'click', function(){fn();});
25	}
26
27
28	p.draw_msg_page = function(elem, data){
29
30		var t1 = OS.gui.add_table(elem, 1, 1);
31		OS.dom.hs(t1, '', {position:'', left:'0px', top:'0px', width:'100%', height:'100%'});
32		OS.dom.hs(t1.td[0][0], '', {verticalAlign:'middle', textAlign:'center'});
33		var i1 = OS.dom.add_element('img', t1.td[0][0], {maxWidth:'100%', maxHeight:'100%', width:'auto', height: 'auto'}, {src: tfimg(data.url)});
34	}
35
36	OS.event.fire(ready, 'pkg_ready', p);
37});
38
39
40OS.pkg.register('icon', function(ready){
41
42	var p = {};
43
44	p.set_user_icon = function(){
45		if(typeof prm === 'undefined')
46		var ob = {};
47		var title = 'Test';
48		var text = 'Test';
49		var btn = 'Save';
50		var ready = false;
51		var image_url = '';
52		//console.log(o);
53		OS.dom.delete_children(OS.dialog.elem);
54		OS.event.add(ob, 'done');
55
56		var d0 = OS.dom.add_element('div', OS.dialog.elem, {width:'300px', paddingTop:'30px'});
57		var d1 = OS.dom.add_element('div', d0, {textAlign:'center'});
58		//ob.title_elem = OS.dom.add_element('div', d0, {textAlign:'center', padding:'0px 20px 0px 20px', fontSize:'17px', marginBottom:'5px', fontWeight:'700'}).txt(title);
59
60		var get_main_image = function(){
61			var save_ob = OS.img.save({save_type:'jpg'});
62			OS.event.observe(save_ob, 'preview', function(data){
63				var img = data.img;
64				img.style.width = '100%';
65				img.style.height = 'auto';
66				console.log(img.src);
67
68				OS.dom.delete_children(icon_elem);
69				OS.dom.hs(icon_elem, '', {overflow:'hidden', backgroundPosition:'center center', backgroundSize:'cover', backgroundRepeat:'no-repeat', backgroundImage:'url('+img.src+')'});
70				S.borderRadius(icon_elem, ('600px'));
71
72				//OS.dom.delete_children(ob.text_elem);
73				//ob.text_elem.appendChild(img);
74			});
75			OS.event.observe(save_ob, 'complete', function(data){
76				ready = true;
77				t0.td[0][1].innerHTML = btn;
78				image_url = data.path+'.'+data.type;
79				console.log(data);
80			});
81		}
82		
83		var icon_elem;
84		var ug_pkg = {js:'/members/js/pkg_ug.js', name:'ug'};
85		OS.pkg.req([ug_pkg], function(){
86			var pug = OS.pkg.p[ug_pkg.name];
87			icon_elem = pug.add_ug_icon_elem(d1, {display:'inline-block', verticalAlign:'bottom', marginRight:'4px'}, {s:'u', id:OS.user.id, size:150});
88		});
89
90		ob.text_elem = OS.dom.add_element('div', d0, {textAlign:'center', padding:'10px 0 0 0', fontSize:'14px', marginBottom:'5px', color:'rgb(128,128,128)'}).txt(OS.user.full_name);
91
92		OS.event.observe(OS.dom.add_element('div', d0, {cursor:'pointer', webkitTapHighlightColor:'rgba(0,0,0,0)', textAlign:'center', fontFamily:'Arial, sans-serif', fontSize:'22px', padding:'20px', color:S.btn_blue}).txt('Choose a New Picture'), 'click', get_main_image);
93
94		t0 = OS.gui.add_table(d0, 1, 2);
95		OS.dom.hs(t0, '', {cursor:'pointer', webkitTapHighlightColor:'rgba(0, 0, 0, 0)', width:'100%', height:'51px', marginTop:'10px', borderTop:'1px solid rgb(230,230,230)'});
96		OS.dom.hs(t0.td[0][0], 'Cancel', {textAlign:'center', fontSize:'18px', width:'50%', whiteSpace:'nowrap', color:'rgb(80,80,80)', borderRight:'1px solid rgb(230,230,230)'});
97		OS.dom.hs(t0.td[0][1], btn, {textAlign:'center', fontSize:'18px', fontWeight:'700', whiteSpace:'nowrap', color:S.btn_blue});
98
99
100		//setTimeout(function(){get_main_image();}, 1);
101		//get_main_image();
102		// 'os_contacts.php?nc='+nc(), {a: 'ajax_set_icon_img', icon_img: image_url}, {
103
104
105		OS.event.observe(t0.td[0][0], 'click', function(){OS.dialog.hide();});
106		OS.event.observe(t0.td[0][1], 'click', function(){
107			if(ready === true) {
108				OS.dialog.hide();
109				OS.ref.fill('u', OS.user.id, {icon_img:image_url});
110				if(typeof ob.o === 'object') OS.objectives.completed(ob.o, {url:image_url}); // ob.o.completed({test:1});
111				OS.event.fire(ob, 'done', {});
112				OS.ajax.tx('os_contacts.php?nc='+nc(), {a:'ajax_set_icon_img', icon_img:image_url}, {fn:function(dat){
113					console.log(dat);
114				}});
115			}
116		});
117
118		OS.dialog.show({click_shield:false, shield_style:{backgroundColor:'rgba(0, 0, 0, .5)'}});
119
120		return ob; // upon return, the property 'o' is added by the calling function, allowing the objective to be completed
121	}
122
123	OS.event.fire(ready, 'pkg_ready', p);
124});
125
126
127OS.pkg.register('img', function(ready){
128
129	var p = {};
130
131	p.capture_image = function(prm){
132		var title, text, btn;
133		if(typeof prm === 'undefined') prm = {};
134		if(typeof prm.title !== 'undefined') title = prm.title;
135		if(typeof prm.text !== 'undefined') text = prm.text;
136		if(typeof prm.button !== 'undefined') btn = prm.button; else btn = 'Save';
137
138		//var title = 'Test';
139		//var text = 'Test';
140		//var btn = 'Save';
141		//console.log(o);
142
143		var ob = {};
144		OS.dom.delete_children(OS.dialog.elem);
145
146		var d0 = OS.dom.add_element('div', OS.dialog.elem, {width:'300px'});
147		//var d1 = OS.dom.add_element('div', d0, {textAlign:'center'});
148
149		if(typeof title !== 'undefined') ob.title_elem = OS.dom.add_element('div', d0, {textAlign:'center', padding:'20px 20px 0px 20px', fontSize:'17px', marginBottom:'0px', fontWeight:'700'}).txt(title);
150		if(typeof text !== 'undefined') ob.text_elem = OS.dom.add_element('div', d0, {textAlign:'center', padding:'0px 20px 0px 20px', fontSize:'13px', marginBottom:'0px'}).txt(text);
151		//if(typeof title !== 'undefined' || typeof text !== 'undefined') OS.dom.add_element('div', d0, {height:'20px'});
152
153		var ready = false;
154		var image_url = false;
155		var get_main_image = function(){
156			var save_ob = OS.img.save({}); // save_type:'jpg'
157			OS.event.observe(save_ob, 'preview', function(data){
158
159				t0.td[0][1].style.display='';
160				ready = false;
161				t0.td[0][1].innerHTML = '<img style="width:20px; height:auto;" src="/images/w_nav/busyspin.gif">';
162
163				var img = data.img;
164				img.style.width = '100%';
165				img.style.height = 'auto';
166				console.log(img.src);
167
168				OS.dom.delete_children(icon_elem);
169				//OS.dom.add_element('img', icon_elem, {maxWidth:'200px', maxHeight:'200px', width:'auto', height: 'auto'}, {src: 'url('+img.src+')'});
170				OS.dom.hs(img, '', {marginTop:'20px', maxWidth:'200px', maxHeight:'200px', width:'auto', height: 'auto'});
171				icon_elem.appendChild(img);
172
173				//OS.dom.hs(icon_elem, '', {overflow:'hidden', backgroundPosition:'center center', backgroundSize:'cover', backgroundRepeat:'no-repeat', backgroundImage:'url('+img.src+')'});
174				//S.borderRadius(icon_elem, ('600px'));
175
176				//OS.dom.delete_children(ob.text_elem);
177				//ob.text_elem.appendChild(img);
178			});
179			OS.event.observe(save_ob, 'complete', function(data){
180				ready = true;
181				t0.td[0][1].innerHTML = btn;
182				image_url = data.path+'.'+data.type;
183				console.log(data);
184			});
185		}
186		
187		/*
188		var icon_elem;
189		var ug_pkg = {js:'/members/js/pkg_ug.js', name:'ug'};
190		OS.pkg.req([ug_pkg], function(){
191			var pug = OS.pkg.p[ug_pkg.name];
192			icon_elem = pug.add_ug_icon_elem(d1, {display:'inline-block', verticalAlign:'bottom', marginRight:'4px'}, {s:'u', id:OS.user.id, size:150});
193		});
194		*/
195
196		var icon_elem = OS.dom.add_element('div', d0, {textAlign:'center', marginBottom:'5px'});
197
198		//ob.text_elem = OS.dom.add_element('div', d0, {textAlign:'center', padding:'10px 0 0 0', fontSize:'14px', marginBottom:'5px', color:'rgb(128,128,128)'}).txt(OS.user.full_name);
199
200		OS.event.observe(OS.dom.add_element('div', d0, {cursor:'pointer', webkitTapHighlightColor:'rgba(0,0,0,0)', textAlign:'center', padding:'20px'}).txt('<img src="/images/w_nav/grey_camera.png" style="display:inline-block; width:64px; height:auto;">'), 'click', get_main_image);
201
202		t0 = OS.gui.add_table(d0, 1, 2);
203		OS.dom.hs(t0, '', {cursor:'pointer', webkitTapHighlightColor:'rgba(0, 0, 0, 0)', width:'100%', height:'51px', borderTop:'1px solid rgb(230,230,230)'});
204		OS.dom.hs(t0.td[0][0], 'Cancel', {textAlign:'center', fontSize:'18px', whiteSpace:'nowrap', color:'rgb(80,80,80)'});
205		OS.dom.hs(t0.td[0][1], '', {textAlign:'center', fontSize:'18px', fontWeight:'700', whiteSpace:'nowrap', display:'none', color:S.btn_blue, width:'50%', borderLeft:'1px solid rgb(230,230,230)'});
206
207
208		//setTimeout(function(){get_main_image();}, 1);
209		//get_main_image();
210		// 'os_contacts.php?nc='+nc(), {a: 'ajax_set_icon_img', icon_img: image_url}, {
211
212
213		OS.event.observe(t0.td[0][0], 'click', function(){OS.dialog.hide();});
214		OS.event.observe(t0.td[0][1], 'click', function(){
215			if(ready === true){
216				OS.dialog.hide(); 
217				ob.o.completed({url:image_url});
218				if(typeof ob.o === 'object') OS.objectives.completed(ob.o, {url:image_url}); // ob.o.completed({test:1});
219			}
220		});
221
222		OS.dialog.show({click_shield:false, shield_style:{backgroundColor:'rgba(0, 0, 0, .5)'}});
223
224		return ob; // upon return, the property 'o' is added by the calling function, allowing the objective to be completed
225	}
226
227	OS.event.fire(ready, 'pkg_ready', p);
228});
229
230

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.