" + canvas.innerHTML + "
");
161 | $html.children('[name=highlighted]').remove();
162 | canvas.innerHTML = $html.html();
163 | };
164 | }
165 |
166 | shape_from_area = function(area) {
167 | var i, coords = area.getAttribute('coords').split(',');
168 | for (i=0; i < coords.length; i++) { coords[i] = parseFloat(coords[i]); }
169 | return [area.getAttribute('shape').toLowerCase().substr(0,4), coords];
170 | };
171 |
172 | options_from_area = function(area, options) {
173 | var $area = $(area);
174 | return $.extend({}, options, $.metadata ? $area.metadata() : false, $area.data('maphilight'));
175 | };
176 |
177 | is_image_loaded = function(img) {
178 | if(!img.complete) { return false; } // IE
179 | if(typeof img.naturalWidth != "undefined" && img.naturalWidth === 0) { return false; } // Others
180 | return true;
181 | };
182 |
183 | canvas_style = {
184 | position: 'absolute',
185 | left: 0,
186 | top: 0,
187 | padding: 0,
188 | border: 0
189 | };
190 |
191 | var ie_hax_done = false;
192 | $.fn.maphilight = function(opts) {
193 | opts = $.extend({}, $.fn.maphilight.defaults, opts);
194 |
195 | if(!has_canvas && !ie_hax_done) {
196 | $(window).ready(function() {
197 | document.namespaces.add("v", "urn:schemas-microsoft-com:vml");
198 | var style = document.createStyleSheet();
199 | var shapes = ['shape','rect', 'oval', 'circ', 'fill', 'stroke', 'imagedata', 'group','textbox'];
200 | $.each(shapes,
201 | function() {
202 | style.addRule('v\\:' + this, "behavior: url(#default#VML); antialias:true");
203 | }
204 | );
205 | });
206 | ie_hax_done = true;
207 | }
208 |
209 | return this.each(function() {
210 | var img, wrap, options, map, canvas, canvas_always, highlighted_shape, usemap;
211 | img = $(this);
212 |
213 | if(!is_image_loaded(this)) {
214 | // If the image isn't fully loaded, this won't work right. Try again later.
215 | return window.setTimeout(function() {
216 | img.maphilight(opts);
217 | }, 200);
218 | }
219 |
220 | options = $.extend({}, opts, $.metadata ? img.metadata() : false, img.data('maphilight'));
221 |
222 | // jQuery bug with Opera, results in full-url#usemap being returned from jQuery's attr.
223 | // So use raw getAttribute instead.
224 | usemap = img.get(0).getAttribute('usemap');
225 |
226 | if (!usemap) {
227 | return;
228 | }
229 |
230 | map = $('map[name="'+usemap.substr(1)+'"]');
231 |
232 | if(!(img.is('img,input[type="image"]') && usemap && map.size() > 0)) {
233 | return;
234 | }
235 |
236 | if(img.hasClass('maphilighted')) {
237 | // We're redrawing an old map, probably to pick up changes to the options.
238 | // Just clear out all the old stuff.
239 | var wrapper = img.parent();
240 | img.insertBefore(wrapper);
241 | wrapper.remove();
242 | $(map).unbind('.maphilight');
243 | }
244 |
245 | wrap = $('').css({
246 | display:'block',
247 | backgroundImage:'url("'+this.src+'")',
248 | backgroundSize:'contain',
249 | position:'relative',
250 | padding:0,
251 | width:this.width,
252 | height:this.height
253 | });
254 | if(options.wrapClass) {
255 | if(options.wrapClass === true) {
256 | wrap.addClass($(this).attr('class'));
257 | } else {
258 | wrap.addClass(options.wrapClass);
259 | }
260 | }
261 | img.before(wrap).css('opacity', 0).css(canvas_style).remove();
262 | if(has_VML) { img.css('filter', 'Alpha(opacity=0)'); }
263 | wrap.append(img);
264 |
265 | canvas = create_canvas_for(this);
266 | $(canvas).css(canvas_style);
267 | canvas.height = this.height;
268 | canvas.width = this.width;
269 |
270 | $(map).bind('alwaysOn.maphilight', function() {
271 | // Check for areas with alwaysOn set. These are added to a *second* canvas,
272 | // which will get around flickering during fading.
273 | if(canvas_always) {
274 | clear_canvas(canvas_always);
275 | }
276 | if(!has_canvas) {
277 | $(canvas).empty();
278 | }
279 | $(map).find('area[coords]').each(function() {
280 | var shape, area_options;
281 | area_options = options_from_area(this, options);
282 | if(area_options.alwaysOn) {
283 | if(!canvas_always && has_canvas) {
284 | canvas_always = create_canvas_for(img[0]);
285 | $(canvas_always).css(canvas_style);
286 | canvas_always.width = img[0].width;
287 | canvas_always.height = img[0].height;
288 | img.before(canvas_always);
289 | }
290 | area_options.fade = area_options.alwaysOnFade; // alwaysOn shouldn't fade in initially
291 | shape = shape_from_area(this);
292 | if (has_canvas) {
293 | add_shape_to(canvas_always, shape[0], shape[1], area_options, "");
294 | } else {
295 | add_shape_to(canvas, shape[0], shape[1], area_options, "");
296 | }
297 | }
298 | });
299 | }).trigger('alwaysOn.maphilight')
300 | .bind('mouseover.maphilight, focus.maphilight', function(e) {
301 | var shape, area_options, area = e.target;
302 | area_options = options_from_area(area, options);
303 | if(!area_options.neverOn && !area_options.alwaysOn) {
304 | shape = shape_from_area(area);
305 | add_shape_to(canvas, shape[0], shape[1], area_options, "highlighted");
306 | if(area_options.groupBy) {
307 | var areas;
308 | // two ways groupBy might work; attribute and selector
309 | if(/^[a-zA-Z][\-a-zA-Z]+$/.test(area_options.groupBy)) {
310 | areas = map.find('area['+area_options.groupBy+'="'+$(area).attr(area_options.groupBy)+'"]');
311 | } else {
312 | areas = map.find(area_options.groupBy);
313 | }
314 | var first = area;
315 | areas.each(function() {
316 | if(this != first) {
317 | var subarea_options = options_from_area(this, options);
318 | if(!subarea_options.neverOn && !subarea_options.alwaysOn) {
319 | var shape = shape_from_area(this);
320 | add_shape_to(canvas, shape[0], shape[1], subarea_options, "highlighted");
321 | }
322 | }
323 | });
324 | }
325 | // workaround for IE7, IE8 not rendering the final rectangle in a group
326 | if(!has_canvas) {
327 | $(canvas).append('| ";
88 | var imgUrl = (components[i]["more"] && components[i]["more"]["img"]) ? components[i]["more"]["img"] : "https://raw.githubusercontent.com/andreika-git/prometheus/master/html/img/image_na.jpg";
89 | html += " | ";
91 | html += " Designator: "+components[i]["name"]+" ";
92 | html += ""+components[i]["descr"]+" ";
93 | html += "Value: "+components[i]["value"]+" ";
94 | html += "Package: "+components[i]["fp"]+" ";
95 | if (components[i]["remark"])
96 | html += ""+components[i]["remark"]+" ";
97 | html += " | ";
98 | if (components[i]["more"]) {
99 | var m = components[i]["more"];
100 | html += "";
101 | if (components[i]["part"]) {
102 | html += " "+(components[i]["supp"])+" Number: "+components[i]["part"]+" ";
103 | }
104 | if (m["ds"]) {
105 | html += "";
106 | }
107 | if (m["vname"]) {
108 | html += "Manufacturer: " + (m["vurl"] ? "" : "") + m["vname"] + (m["vurl"] ? "" : "") + " ";
109 | }
110 | if (m["price"]) {
111 | html += "Price: "+m["price"]+" ";
112 | }
113 | html += " | ";
114 | }
115 | html += "
![](\"https://raw.githubusercontent.com/andreika-git/prometheus/master/html/img/pdf-1.png\"){kind=small}
" + (m["model"] ? m["model"] : "Datasheet") + "\n"); 153 | letter = c['name'].substr(0, 1); 154 | } 155 | $("#maplinks").append(maplinks); 156 | } 157 | } 158 | $("#maplinks").append("
"); 159 | } 160 | -------------------------------------------------------------------------------- /html/prometheus-map.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreika-git/prometheus/57e7c7f7a9d796dc52af89a955d01ec0778d60d5/html/prometheus-map.html -------------------------------------------------------------------------------- /html/prometheus-pcb-rev0010-photo1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/andreika-git/prometheus/57e7c7f7a9d796dc52af89a955d01ec0778d60d5/html/prometheus-pcb-rev0010-photo1.jpg -------------------------------------------------------------------------------- /html/src/!run.bat: -------------------------------------------------------------------------------- 1 | @set PATH=%PATH%;C:\WAMP\bin\php\php5.3.13 2 | php.exe -q component.php "../data/prometheus-pick-and-place.csv" "../data/prometheus-footprints.csv" "../data/prometheus-bom.csv" > test1-generated.html 3 | @call combine.bat 4 | -------------------------------------------------------------------------------- /html/src/combine.bat: -------------------------------------------------------------------------------- 1 | @echo off 2 | SET mapFile="../prometheus-map.html" 3 | echo Creating %mapFile%... 4 | type test0-header.html > %mapFile% 5 | type test1-generated.html >> %mapFile% 6 | type test2-footer.html >> %mapFile% 7 | -------------------------------------------------------------------------------- /html/src/component-common.php: -------------------------------------------------------------------------------- 1 | $fn) 81 | { 82 | if ($r == $fn) 83 | $legend[$f] = $j; 84 | } 85 | } 86 | else if ($r != "") 87 | { 88 | foreach ($legend as $k=>$l) 89 | { 90 | if ($j == $l) 91 | $line[$k] = readField($k, $r); 92 | } 93 | } 94 | $j++; 95 | } 96 | if (array_key_exists("d", $line)) 97 | $arr[] = $line; 98 | } 99 | $i++; 100 | } 101 | return $arr; 102 | } 103 | 104 | ?> -------------------------------------------------------------------------------- /html/src/component-digikey.php: -------------------------------------------------------------------------------- 1 | ]*>([^<]+)]*>([^<]+)/", $d, $ret)) 36 | $data["model"] = trim($ret[1]); 37 | if (preg_match("/itemprop=\"description\"[^>]*>([^<]+)/", $d, $ret)) 38 | $data["desc"] = trim($ret[1]); 39 | if (preg_match("/itemprop=\"price\"[^>]*>([^<]+)/", $d, $ret)) 40 | $data["price"] = trim($ret[1]); 41 | 42 | return $data; 43 | } 44 | 45 | 46 | 47 | ?> -------------------------------------------------------------------------------- /html/src/component-settings.php: -------------------------------------------------------------------------------- 1 | "Designator", "f"=>"Footprint", "l"=>"Layer", "r"=>"Rotation", 15 | "x"=>"Mid X", "y"=>"Mid Y", "t"=>"Type", "w"=>"Width", "h"=>"Height", 16 | "ox"=>"Offset X", "oy"=>"Offset Y", "m"=>"Multilayer", "c"=>"Comment", 17 | "s"=>"Supplier 1", "p"=>"Supplier Part Number 1", 18 | "i"=>"Description", "k"=>"Remark", "o"=>"More", 19 | "ds"=>"ComponentLink2URL"); 20 | 21 | $downloadDigikeyData = true; 22 | 23 | ?> -------------------------------------------------------------------------------- /html/src/component.php: -------------------------------------------------------------------------------- 1 |
|
23 |
24 | |
25 |
26 |
28 | 
27 | |
Select a component for more info... |