{"id":20895020,"url":"https://github.com/upplication/angular-helptip","last_synced_at":"2025-10-10T11:11:25.003Z","repository":{"id":58215288,"uuid":"60680291","full_name":"Upplication/angular-helptip","owner":"Upplication","description":"Simple floating tooltip for AngularJS","archived":false,"fork":false,"pushed_at":"2018-02-06T10:54:39.000Z","size":70,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-09-13T02:25:04.586Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/Upplication.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-06-08T08:08:03.000Z","updated_at":"2018-02-06T10:54:40.000Z","dependencies_parsed_at":"2022-08-30T16:01:13.259Z","dependency_job_id":null,"html_url":"https://github.com/Upplication/angular-helptip","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/Upplication/angular-helptip","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Upplication%2Fangular-helptip","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Upplication%2Fangular-helptip/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Upplication%2Fangular-helptip/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Upplication%2Fangular-helptip/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Upplication","download_url":"https://codeload.github.com/Upplication/angular-helptip/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Upplication%2Fangular-helptip/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279003724,"owners_count":26083610,"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","status":"online","status_checked_at":"2025-10-10T02:00:06.843Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-11-18T10:24:29.490Z","updated_at":"2025-10-10T11:11:24.985Z","avatar_url":"https://github.com/Upplication.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-helptip\nHelptip is a simple floating tooltip for angular\n\n## Instalation\n```\n$ yarn add angular-helptip\n```\n\nInclude the files on your html\n```html\n\u003chead\u003e\n  \u003c!-- ... --\u003e\n  \u003cscript type=\"text/javascript\" src=\"vendor/angular-helptip/dist/angular-helptip.js\"\u003e\u003c/script\u003e\n  \u003c!-- ... --\u003e\n\u003c/head\u003e\n```\n\nAnd finally add it to your application dependencies\n```js\nangular.module('app', [ 'upp.helptip' ])\n```\n\n## Usage\n\nAdd it as an attribute html\n```html\n\u003cdiv helptip=\"This is a helptip!\"\u003e\u003c/div\u003e\n```\n\nAlso, if you are using `angular-translate` you can pass directly the translation key\ninsetad of using the `translate` filter\n```html\n\u003c!-- These two are equivalent --\u003e\n\u003cdiv helptip=\"tooltip.hint\"\u003e\u003c/div\u003e\n\u003cdiv helptip=\"{ 'tooltip.hint' | translate }\"\u003e\u003c/div\u003e\n```\n\nFuthermore, you can add a timeout for when the cursor leaves the element that triggered the\ntooltip to show. This way, the tooltip will not disapear until the given time has passed\nsince the cursor left the element.\n```html\n\u003cdiv helptip=\"This is a helptip!\"\n\t helptip-timeout=\"2000\"\u003e\n\u003c/div\u003e\n```\n\n## Config\nangular-helptip exposes a provider that allows configuring some of its internal values:\n```js\nangular.module('app', [ 'upp.helptip' ])\n.config(function(helptipConfigProvider) {\n\t// Sets the class to be used\n\thelptipConfigProvider.className('helptip')\n\t// Determines if we should try to use $translate if available\n\thelptipConfigProvider.useTranslate(true)\n\t// Default timeout when using helptip-timeout config\n\thelptipConfigProvider.timeout(1000)\n})\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fupplication%2Fangular-helptip","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fupplication%2Fangular-helptip","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fupplication%2Fangular-helptip/lists"}