{"id":23693346,"url":"https://github.com/naoxink/notifit","last_synced_at":"2025-09-02T20:34:00.996Z","repository":{"id":8897213,"uuid":"10618821","full_name":"naoxink/notifIt","owner":"naoxink","description":"Simple colorful animated notifications with JQuery. It never has been easier to create a notification.","archived":false,"fork":false,"pushed_at":"2018-10-08T06:23:15.000Z","size":157,"stargazers_count":99,"open_issues_count":1,"forks_count":21,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-12-10T20:35:20.911Z","etag":null,"topics":["animation","javascript","jquery","notifications","notifit"],"latest_commit_sha":null,"homepage":"http://naoxink.epizy.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/naoxink.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-06-11T09:54:06.000Z","updated_at":"2024-09-02T04:43:42.000Z","dependencies_parsed_at":"2022-09-01T01:40:27.567Z","dependency_job_id":null,"html_url":"https://github.com/naoxink/notifIt","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naoxink%2FnotifIt","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naoxink%2FnotifIt/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naoxink%2FnotifIt/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/naoxink%2FnotifIt/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/naoxink","download_url":"https://codeload.github.com/naoxink/notifIt/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":231810738,"owners_count":18430003,"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":["animation","javascript","jquery","notifications","notifit"],"created_at":"2024-12-30T03:51:35.081Z","updated_at":"2024-12-30T03:51:39.527Z","avatar_url":"https://github.com/naoxink.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Check out [notifit 2!](https://github.com/naoxink/notifit-2) :D\n\nnotifIt!\n=\n\nSimple notifications with JQuery.\n\nNow you can send notifications of everything you want and when you want, simply and quickly.\nEasy to learn and use. Customize with your favorite colors, define the size you want, set the opacity, make a sticky one and much more!\n\n#### Give it a try! [Demo](http://naoxink.ga/notifIt)\n\n#### Install via npm\n```\nnpm install notifit-js\n```\n\n#### Structure\n```\n notifIt\n ├── css\n │   └── notifIt.css\n │   └── notifIt.min.css\n ├── demo.html\n ├── dev\n │   └── notifIt.js\n └── js\n     ├── notifIt.js\n     └── notifIt.min.js\n```\n\n#### Plug\n```html\n\u003chead\u003e\n\t\u003cscript type='text/javascript' src='js/notifIt.js'\u003e\u003c/script\u003e\n\t\u003clink rel='stylesheet' type='text/css' href='css/notifIt.css'\u003e\n\u003c/head\u003e\n```\n\n#### \u0026 Play\n```javascript\nnotif({\n\tmsg: \"\u003cb\u003eOops!\u003c/b\u003e A wild error appeared!\",\n\ttype: \"error\",\n\tposition: \"center\"\n});\n```\n\n## `notif()`\n\n#### Configuration\n\nVariable name|Type|Posible values|Default\n---|---|---|---\ntype|`String`|success, error, warning, info|default\nmsg|`String`|Message|\nposition|`String`|left, center, right, bottom|right\nwidth|`Integer`-`String`|Number \u003e 0, 'all'|400\nheight|`Integer`|Number between 0 and 100|60\nautohide|`Boolean`|true, false|true\nopacity|`Float`|From 0 to 1|1\nmultiline|`Boolean`|true, false|false\nfade|`Boolean`|true, false|false\nbgcolor|`String`|HEX color|#444\ncolor|`String`|HEX color|#EEE\ntimeout|`Integer`|Miliseconds|5000\nzindex|`Integer`|The z-index of the notification|null (ignored)\noffset|`Integer`|The offset in pixels from the edge of the screen|0\ncallback|`Function`|Function|null (ignored),\nclickable|`Boolean`|true, false|false\nappend (dev)|`Boolean`|true, false|false\n\n\n## `notif_confirm()`\n### Description\nNow you can ask 'yes' or 'no' easy as --\n```javascript\nvar myCallback = function(choice){\n    if(choice){\n        notif({\n            'type': 'success',\n            'msg': 'Yeah!',\n            'position': 'center'\n        })\n    }else{\n        notif({\n            'type': 'error',\n            'msg': ':(',\n            'position': 'center'\n        })\n    }\n}\n\nnotif_confirm({\n\t'textaccept': 'Let\\'s go!',\n\t'textcancel': 'I\\'ll think about it',\n\t'message': 'Shall we?',\n\t'callback': myCallback\n})\n```\n\n#### Configuration\n\nVariable name|Type|Default|Optional\n---|---|---|---\ntextaccept|`String`|Accept|Yes\ntextcancel|`String`|Cancel|Yes\nmessage|`String`|Is that what you want to do?|Yes\ncallback|`Function`|null|Yes\nfulllscreen|`Boolean`|false|Yes\n\n#### Response\nFunction returns `true` or `false`\nIf callback is passed, it recieves a param `true` or `false`\n\n\n## `notif_prompt()`\n### Description\nAsk whatever you want quick and easy\n```javascript\nvar myCallback = function(input_value){\n    if(input_value){\n        notif({\n            'type': 'success',\n            'msg': input_value,\n            'position': 'center'\n        })\n    }else{\n        notif({\n            'type': 'error',\n            'msg': 'Empty or cancelled',\n            'position': 'center'\n        })\n    }\n}\n\nnotif_confirm({\n\t'textaccept': 'That\\'s it!',\n\t'textcancel': 'I don\\'t have a pet :(',\n\t'message': 'What\\'s your pet\\'s name?',\n\t'callback': myCallback\n})\n```\n\n#### Configuration\n\nVariable name|Type|Default|Optional\n---|---|---|---\ntextaccept|`String`|Accept|Yes\ntextcancel|`String`|Cancel|Yes\ndefault_value|`String`||Yes\nmessage|`String`|Tell me something|Yes\ncallback|`Function`|null|Yes\nfulllscreen|`Boolean`|false|Yes\n\n#### Response\nIf callback is passed, it recieves a param with the input value (if accepted) or `false` (if cancelled)\n\n\n# More things :)\n- [bgfader](https://github.com/naoxink/bgfader)\n- [Sublime text color scheme](https://github.com/naoxink/nxk-sublime-color-scheme)\n- [asdText](https://github.com/naoxink/asdText)\n- [View more](https://github.com/naoxink?tab=repositories)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaoxink%2Fnotifit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnaoxink%2Fnotifit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnaoxink%2Fnotifit/lists"}