{"id":13790584,"url":"https://github.com/weggetor/BBImageHandler-8","last_synced_at":"2025-05-12T09:32:53.761Z","repository":{"id":98436534,"uuid":"62587611","full_name":"weggetor/BBImageHandler-8","owner":"weggetor","description":"Extensions for DNN8+ Imagehandler providing bar charts, barcodes, percentage bars and other  useful graphics ","archived":false,"fork":false,"pushed_at":"2016-07-08T21:40:34.000Z","size":859,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-18T05:38:13.660Z","etag":null,"topics":["dnn","dnncms","imagehandler"],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/weggetor.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-07-04T20:58:27.000Z","updated_at":"2019-07-11T04:42:24.000Z","dependencies_parsed_at":"2023-11-22T05:30:19.157Z","dependency_job_id":null,"html_url":"https://github.com/weggetor/BBImageHandler-8","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weggetor%2FBBImageHandler-8","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weggetor%2FBBImageHandler-8/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weggetor%2FBBImageHandler-8/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weggetor%2FBBImageHandler-8/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/weggetor","download_url":"https://codeload.github.com/weggetor/BBImageHandler-8/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253709366,"owners_count":21951125,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dnn","dnncms","imagehandler"],"created_at":"2024-08-03T22:00:47.309Z","updated_at":"2025-05-12T09:32:52.922Z","avatar_url":"https://github.com/weggetor.png","language":"C#","funding_links":[],"categories":["Awesome DNN (DotNetNuke) [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)"],"sub_categories":["Open Source Modules"],"readme":"# BBImageHandler for DNN 8\n\n## Project description ##\nThe BBImagehandler for DNN8+ is an extension to the new imagehandler in DNN8. It adds a lot of functionality back again that was formerly contained in the old BBImagehandler and was stripped out while integrated into the core.\n\n## Installation ##\nInstall the same way as every module, skin and other extension for dnn via host/extensions.\n\n## Whats new ? ##\n*Version 2.0.0 08.07.2016*\n- Initial version for DNN8\n \n## Methods ##\n\n### Database image (mode=dbimage) ###\n\nDisplay an image stored in a database field \n\nSample: \n\n**/dnnimagehandler.ashx?mode=dbimage\u0026table=MyImages\u0026ImageField=ImageData\u0026idField=ImageID\u0026idValue=3**\n\n![Database Image](Documentation/dbimage.jpg)\n\nParameters:\n- **table**: Name of the table in database\n- **imagefield**: Name of the image- ield containing the image data\n- **idfield**: Name of the field containing the primary key (must be integer)\n- **idvalue**: value of id, determines the record from which the image is fetched\n- **connection**: name of sql connection in web.config. (Default: SiteSqlServer)\n\n### Barcodes (mode=barcode) ###\n\nWith this extension it is possible to create barcodes of different types. For more infos see [https://zxingnet.codeplex.com/](https://zxingnet.codeplex.com/)\n\nSample:\n\n**/dnnImagehandler.ashx?mode=barcode\u0026width=150\u0026Height=150\u0026type=qrcode\u0026content=this%20is%20the%20barcode%20content**\n\n![Barcode Image](Documentation/barcode.jpg)\n\nParameters:\n- **type**: upca, ean8, ean13, code39, code128, itf, codabar, plessey, msi, qrcode, pdf417, aztec, datamatrix \n- **width**: Width of resulting barcode \n- **height**: Height of resulting barcode \n- **border**: Width of border (Specifies margin, in pixels, to use when generating the barcode. The meaning can vary by format; for example it controls margin before and after the barcode horizontally for most 1D formats.) \n- **content**: The content of the barcode (numeric or alphanumeric,depends on barcode type) \n\n### Thermometer (mode=thermometer) ###\n\nI built this thermometer display for my [DNNConnect 2015 session](http://dnn-connect.org/events/2015/sessions/moduleId/731/conferenceId/1/sessionId/40/controller/Session/action/View) .\n\nSample:\n\n**/dnnImagehandler.ashx?mode=thermometer\u0026degree=0\u0026h=150** (degree in steps a 10 from 0 to 100)\n\n![Thermometer](Documentation/thermometer.jpg)\n\nParameters:\n- **degree**: value between 0 and 100\n- **areas**:  comma separated list of degree values defining the color areas (Default: 20,30,40,60)\n\n### Percentage (mode=percent) ###\n\nTwo different types of percentage display. The first (circle) is perfect to visualize 1 percentage value while the other one (bar) runs best in a grid with percentage values in a column\n\nSample:\n\n**/dnnImagehandler.ashx?mode=percent\u0026type=circle\u0026percentage=40\u0026color=orange\u0026w=100**\n\n![Percent type=circle](Documentation/percent1.jpg)\n\n**/dnnImagehandler.ashx?mode=percent\u0026type=bar\u0026percentage=40\u0026color=orange\u0026w=200**\n\n![Percent type=bar](Documentation/percent2.jpg)\n\nParameters:\n- **type**: circle, bar\n- **percentage**: value between 0 and 100\n- **color**: color of percentage bar\n\n### Counter (mode=counter) ###\n\nThis is an old fashion counter formerly seen on nearly every webpage - now a little bit outdated but perhaps usable for some retro stuff.\n\nSample:\n\n**/dnnImagehandler.ashx?mode=counter\u0026filename=images/counter.gif\u0026Value=1024\u0026digits=5**\n\n![Counter image](Documentation/counter.jpg)\n\nParameters:\n- **filename**: Must be special counter image file with digits 0 to 9 with similar width per digit\n- **digits**: No of digits. \n- **counter**: Value to display \n\n### Web Thumbnail (mode=webthumb) ###\n\nCreates a thumbnail of a webpage given by an url. Try with care, seems to be a little bit buggy!\n\nSample:\n\n**/dnnImagehandler.ashx?mode=webthumb\u0026url=http%3A%2F%2Fwww.huffingtonpost.de\u0026ratio=screen\u0026w=400**\n\n![Web thumbnail image](Documentation/webthumb.jpg)\n\nParameters:\n- **url**: url-encoded web address\n- **ratio**: full (whole page), screen (2:3) , cinema (16:9)\n\n\n### Year schedule (mode=yearschedule) ###\n\nUseful for websites that do daywise rental (holiday homes, appartments etc.)\n\nSample:\n\n**/dnnImagehandler.ashx?mode=yearschedule\u0026culture=de-de\u0026matrix=1116611111661111166111...**\n\n![Year schedule image](Documentation/yearschedule.jpg)\n\nParameters:\n- **color**: color of background (optional, default = white) \n- **culture**: Culture abbrev (e.g. \"en-us\"). Needed for displaying month names (optional, default is CurrentCulture) \n- **matrix**: String of length 12 * 31 = 372 (0 = no valid date (eg. Feb. 30), 1 = free, 2 = reserved, 3 = occupied, 4 = selected. Add +5 if weekend) \n\n### Bar chart (mode=barchart) ###\n\nUgly but maybe useful for a quick and dirty bar graph\n\nSample:\n\n**/dnnImagehandler.ashx?mode=barchart\u0026xaxis=man,woman,kids,grandparents\u0026yaxis=10,20,30,20\u0026color=green**\n\n![Bar chart](Documentation/barchart.jpg) \n\nParameters:\n- **xaxis**: comma seperated list of bar captions \n- **yaxis**: comma seperated list of bar values\n- **color**: bar color\n\n### Module info (mode=modinfo) ###\n\nNot very useful for normal purposes but could be cool addition to the dnn action menu (see below)\n\nSample:\n\n**/dnnimagehandler.ashx?mode=modinfo\u0026tabid=59\u0026moduleid=414**\n\n![Module Info](Documentation/modinfo.jpg)\n\nParameters:\n- **tabid**: id of the tab (page) the module sits on\n- **moduleid**: id of the module\n\n\u003chr/\u003e\n\n## Extending the DNN action menu ##\n\n![Info menu](Documentation/infomenu.jpg)\n\nTo add an \"info\" action menu to your module toolbar, do the following hack. **Please be aware that this hack will be overwritten with every DNN update !**\n\n- Open */admin/Menus/ModuleActions/ModuleActions.js* for editing\n- Search (~ line 372): *var menuRoot = menu.find(\"ul\");*\n- Insert after:  \n\n```javascript\nbuildInfoMenu(menuRoot, \"Info\", \"actionMenuInfo\",\"info\");\n```\n\n- Search (~ line 231): *function buildMoveMenu(root, rootText, rootClass, rootIcon) {*\n- Insert before:\n\n```javascript\nfunction buildInfoMenu(root, rootText, rootClass, rootIcon) {\n    var parent = buildMenuRoot(root, rootText, rootClass, rootIcon);\n    var htmlString = \"\u003cimg src=\\\"dnnimagehandler.ashx?mode=modinfo\u0026moduleid=\" + moduleId + \"\u0026tabid=\" + tabId + \"\\\" /\u003e\"\n    parent.append(htmlString);\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweggetor%2FBBImageHandler-8","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweggetor%2FBBImageHandler-8","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweggetor%2FBBImageHandler-8/lists"}