{"id":20538578,"url":"https://github.com/slavede/bootang","last_synced_at":"2026-06-09T14:31:35.523Z","repository":{"id":17488765,"uuid":"20272957","full_name":"slavede/BootAng","owner":"slavede","description":"Responsive AngularJS directives around Bootstrap components for doing it Angular way","archived":false,"fork":false,"pushed_at":"2014-06-17T21:47:29.000Z","size":344,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-16T01:09:42.337Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"AuthorizeNet/accept-sample-app","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/slavede.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":"2014-05-28T21:24:12.000Z","updated_at":"2014-06-17T21:47:29.000Z","dependencies_parsed_at":"2022-09-17T18:51:55.375Z","dependency_job_id":null,"html_url":"https://github.com/slavede/BootAng","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/slavede%2FBootAng","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/slavede%2FBootAng/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/slavede%2FBootAng/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/slavede%2FBootAng/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/slavede","download_url":"https://codeload.github.com/slavede/BootAng/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242144497,"owners_count":20078966,"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":[],"created_at":"2024-11-16T00:47:04.165Z","updated_at":"2026-06-09T14:31:35.480Z","avatar_url":"https://github.com/slavede.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"BootAng\n=======\n\nAngular Directives  around Bootstrap components for less pain.\n\nThis library is used for getting simple AngularJS directives which are wrapped around the Bootstrap3.\n\n# Contents\n\n* [Installation](#installation)\n* [Components](#components)\n\t* [BootAng Menu](#menu)\n\t* [Bootang Popover](#popover)\n\n# Installation\n\nVia bower:\n\n`bower install bootang --save`\n\nPut this inside your html:\n\n`\u003clink rel=\"stylesheet\" href=\"bower_components/bootang/dist/bootang.min.css\" /\u003e`\n\n`\u003cscript src=\"bower_components/bootang/dist/bootang.min.js\"\u003e\u003c/script\u003e` (this has to be loaded after AngularJS and Bootstrap)\n\n\n\n# Components\n\n## Menu\n\n### Demo\n\n![BootAng Menu - Large screens](http://s29.postimg.org/wc22yuel3/bootang_menu.png)\n![BootAng Menu - Small screens](http://s30.postimg.org/r7fumyh35/bootang_menu_small.png)\n\n### Usage - HTML\n\n`\u003cbootang-menu bootang-options=\"bootangOptions\"\u003e\u003c/bootang-menu\u003e`\n\n### Usage - Controller\n\u003cpre\u003e\n\t\t$scope.bootangOptions = {\n\t\t\titems : [\n\t\t\t\t{\n\t\t\t\t\ttype : 'url',\n\t\t\t\t\tdisplay : 'Home',\n\t\t\t\t\turl : '#/home'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype : 'url',\n\t\t\t\t\tdisplay : 'Blog',\n\t\t\t\t\turl : '#/blog'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype : 'dropdown',\n\t\t\t\t\tdisplay : 'Social Media',\n\t\t\t\t\titems : [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype : 'url',\n\t\t\t\t\t\t\tdisplay : 'Facebook',\n\t\t\t\t\t\t\turl : '#/facebook'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype : 'url',\n\t\t\t\t\t\t\tdisplay : 'Twitter',\n\t\t\t\t\t\t\turl : '#/twitter'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype : 'divider'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype : 'url',\n\t\t\t\t\t\t\tdisplay : 'Google+',\n\t\t\t\t\t\t\turl : '#/googleplus'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype : 'url',\n\t\t\t\t\t\t\tdisplay : 'Instagram',\n\t\t\t\t\t\t\turl : '#/instagram'\n\t\t\t\t\t\t},\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttype : 'url',\n\t\t\t\t\tdisplay : 'About Us',\n\t\t\t\t\turl : '#/about_us'\n\t\t\t\t}\n\t\t\t],\n\t\t\ttopMenu : false,\n\t\t\tinverse : true\n\t\t};\n\u003c/pre\u003e\n\nwhere:\n* topMenu - if true, it will make menu without rounded corners\n* inverse - bootstrap coloring\n* items - list of menu entries, it can be type \"dropdown\" (submenu) or \"url\" (link)\n \n\n## Popover\n\n### Demo\n\n![BootAng Popover](http://s7.postimg.org/97c2zisyz/popover_title.png)\n\n### Usage - HTML\n\nAssign class 'bootang-popover' to element to which you want to attach it.\n\n`\u003cspan class='bootang-popover' bootang-options='bootangOptions' bootang-methods='bootangMethods' bootang-events='bootangEvents'\u003eMy Span for Popover\u003c/span\u003e`\n\n### Usage - Controller\n\nDirective accepts three properties.\n\n* bootang-options - default bootstrap options for popover described here http://getbootstrap.com/javascript/#popovers-usage\n* bootang-methods - json with following properties:\n\t* show - when set to true, displays popover\n\t* hide - when set to true, hides popover\n\t* toggle - when set to true, toggles popover\n\t* destroy - when set to true, closes and removes popover from DOM\n* bootang-events - callbacks being triggered when popover is shown or hidden, can be:\n\t* show - called just before showing popover\n\t* shown - called just after showing popover\n\t* hide - called just before hiding popover\n\t* hidden - called just after hiding popover\n\n\u003cpre\u003e\n\t$scope.bootangOptions = {\n\t\tplacement : 'bottom',\n\t\ttitle : 'My Popover Title',\n\t\tcontent : 'This will be conent of my popover, you know?'\n\t};\n\t\n\t$scope.bootangEvents = {};\n\t$scope.bootangEvents.show = function(e) {\n\t\talert('I will show popover');\n\t};\n\t\n\t$scope.bootangMethods = {};\n\t\n\t// this can be event for ng-click on some button\n\t$scope.showPopover = function() {\n\t\t$scope.bootangMethods.show = true;\n\t};\n\t// this can be event for ng-click on some button\n\t$scope.hidePopover = function() {\n\t\t$scope.bootangMethods.hide = true;\n\t};\n\t// this can be event for ng-click on some button\n\t$scope.togglePopover = function() {\n\t\t$scope.bootangMethods.toggle = true;\n\t};\n\t// this can be event for ng-click on some button\n\t$scope.destroyPopover = function() {\n\t\t$scope.bootangMethods.destroy = true;\n\t};\n\u003c/pre\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fslavede%2Fbootang","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fslavede%2Fbootang","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fslavede%2Fbootang/lists"}