{"id":13548502,"url":"https://github.com/thecodeholic/lobipanel","last_synced_at":"2025-10-04T13:56:55.030Z","repository":{"id":63465795,"uuid":"46189174","full_name":"thecodeholic/lobipanel","owner":"thecodeholic","description":"jQuery plugin for bootstrap panels. It extends panels with several common and useful functions.","archived":false,"fork":false,"pushed_at":"2018-02-13T19:28:22.000Z","size":1110,"stargazers_count":168,"open_issues_count":36,"forks_count":75,"subscribers_count":21,"default_branch":"master","last_synced_at":"2025-04-06T11:46:17.607Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/thecodeholic.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":"2015-11-14T19:37:05.000Z","updated_at":"2023-11-07T12:41:00.000Z","dependencies_parsed_at":"2022-11-19T12:46:20.867Z","dependency_job_id":null,"html_url":"https://github.com/thecodeholic/lobipanel","commit_stats":null,"previous_names":[],"tags_count":16,"template":false,"template_full_name":null,"purl":"pkg:github/thecodeholic/lobipanel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodeholic%2Flobipanel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodeholic%2Flobipanel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodeholic%2Flobipanel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodeholic%2Flobipanel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thecodeholic","download_url":"https://codeload.github.com/thecodeholic/lobipanel/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodeholic%2Flobipanel/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278322146,"owners_count":25967874,"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-04T02:00:05.491Z","response_time":63,"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-08-01T12:01:11.222Z","updated_at":"2025-10-04T13:56:54.997Z","avatar_url":"https://github.com/thecodeholic.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# LobiPanel\n[![CDNJS](https://img.shields.io/cdnjs/v/lobipanel.svg)](https://cdnjs.com/libraries/lobipanel)\n\njQuery plugin for bootstrap panels. It extends panels with several common and useful functions.\n\n[View Demo](http://lobianijs.com/site/lobipanel)\n\n### Features\n\n- Sort, drag, expand, resize, minimize bootstrap panels\n- Specify url and load content in panel from this url\n- Change the name of the panel\n- Customize action icons and action tooltips\n- Works for nested panels\n- HTML5 localStorage support\n    - Save panel state: (pinned, unpinned, collapsed, fullscreen, minimized) and apply it on page load\n    - Save panel position among siblings and apply on next time\n\n### Installation and dependecies\n\nLobiPanel is depended on jQuery, jQuery ui and bootstrap.\n\n#### 1. Include necessary css/js files\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n   \u003chead\u003e\n        \u003c!--Default installation--\u003e\n        \u003clink rel=\"stylesheet\" href=\"lib/jquery-ui.min.css\"/\u003e\n        \u003clink rel=\"stylesheet\" href=\"bootstrap/css/bootstrap.min.css\"/\u003e\n        \u003clink rel=\"stylesheet\" href=\"lib/font-awesome/css/font-awesome.min.css\"/\u003e\n\n        \u003c!--Installation using bower. Preferred!!! --\u003e\n        \u003c!--\u003clink rel=\"stylesheet\" href=\"bower_components/bootstrap/dist/css/bootstrap.min.css\"/\u003e--\u003e\n        \u003c!--\u003clink rel=\"stylesheet\" href=\"bower_components/jquery-ui/themes/ui-lightness/jquery-ui.min.css\"/\u003e--\u003e\n        \u003c!--Run `bower install font-awesome` and uncomment this line to see font awesome examples--\u003e\n        \u003c!--\u003clink rel=\"stylesheet\" href=\"bower_components/font-awesome/css/font-awesome.min.css\"/\u003e--\u003e\n\n        \u003clink rel=\"stylesheet\" href=\"dist/css/lobipanel.min.css\"/\u003e\n   \u003c/head\u003e\n\n    \u003cbody\u003e\n        ...\n        \u003c!--Default installation--\u003e\n        \u003cscript src=\"lib/jquery.1.11.min.js\"\u003e\u003c/script\u003e\n        \u003cscript src=\"lib/jquery-ui.min.js\"\u003e\u003c/script\u003e\n        \u003cscript src=\"lib/jquery.ui.touch-punch.min.js\"\u003e\u003c/script\u003e\n        \u003cscript src=\"bootstrap/js/bootstrap.min.js\"\u003e\u003c/script\u003e\n\n        \u003c!--Installation using bower. Preferred!!! --\u003e\n        \u003c!--\u003cscript src=\"bower_components/jquery/dist/jquery.min.js\"\u003e\u003c/script\u003e--\u003e\n        \u003c!--\u003cscript src=\"bower_components/jquery-ui/jquery-ui.min.js\"\u003e\u003c/script\u003e--\u003e\n        \u003c!--\u003cscript src=\"bower_components/jquery-ui-touch-punch-improved/jquery.ui.touch-punch-improved.js\"\u003e\u003c/script\u003e--\u003e\n        \u003c!--\u003cscript src=\"bower_components/bootstrap/dist/js/bootstrap.min.js\"\u003e\u003c/script\u003e--\u003e\n\n        \u003cscript src=\"dist/js/lobipanel.js\"\u003e\u003c/script\u003e\n\n   \u003c/body\u003e\n\u003c/html\u003e\n```\n\n#### 2. Initialize plugin and use it\n\n#### Stateful panels\nIn order stateful panels to works you need to:\n - Give `stateful: true` to panel options.\n - Give `data-inner-id` to lobipanel element and parent element to keep track of the child\n which contacts lobipanels as unique identifier\n\n### For documentation and examples visit the plugin's [home page](http://lobianijs.com/site/lobipanel)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecodeholic%2Flobipanel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthecodeholic%2Flobipanel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecodeholic%2Flobipanel/lists"}