{"id":13697024,"url":"https://github.com/skyfloyd/ionic2-fb-gallery","last_synced_at":"2026-01-31T12:37:13.906Z","repository":{"id":85755816,"uuid":"76408419","full_name":"skyfloyd/ionic2-fb-gallery","owner":"skyfloyd","description":"Facebook gallery photo picker for Ionic 2","archived":false,"fork":false,"pushed_at":"2016-12-15T23:05:51.000Z","size":15,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-13T00:33:16.577Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/skyfloyd.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}},"created_at":"2016-12-13T23:56:33.000Z","updated_at":"2018-01-21T22:18:14.000Z","dependencies_parsed_at":"2023-03-13T06:36:25.171Z","dependency_job_id":null,"html_url":"https://github.com/skyfloyd/ionic2-fb-gallery","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/skyfloyd%2Fionic2-fb-gallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skyfloyd%2Fionic2-fb-gallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skyfloyd%2Fionic2-fb-gallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skyfloyd%2Fionic2-fb-gallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skyfloyd","download_url":"https://codeload.github.com/skyfloyd/ionic2-fb-gallery/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252226948,"owners_count":21714907,"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-08-02T18:00:51.739Z","updated_at":"2026-01-31T12:37:13.857Z","avatar_url":"https://github.com/skyfloyd.png","language":"TypeScript","readme":"# ionic2-fb-gallery\nFacebook gallery photo picker for Ionic 2\n\n## Installation\n\n  * Create Ionic project\n  * Install `cordova-plugin-facebook4` by this command\n```bash\n$ ionic plugin add cordova-plugin-facebook4 --variable APP_ID=\"123456789\" --variable APP_NAME=\"myApplication\"\n```\nFind more details here [https://ionicframework.com/docs/v2/native/facebook/](https://ionicframework.com/docs/v2/native/facebook/)\n  * Copy `ionic2-fb-gallery` `module` folder to `app` folder\n  * Import `FbModule` to your app base `@NgModule`\n\n\n## Usage\n\n  * Call init() method of SocialApiService class object. Example here:\n```bash\n    constructor( private socialApi:SocialApiService ) {\n        this.socialApi.subscribeToStatusChange( ()=\u003e{ /* onApiReady(); */  }, SocialApiService.getApiStatus_appUser() );\n        this.socialApi.init();\n    }\n```\nThis plugin use [ionic2-fb-api](https://github.com/skyfloyd/ionic2-fb-api/) plugin to connect with Facebook. Please take a look to [ionic2-fb-api documentation](https://github.com/skyfloyd/ionic2-fb-api/) for more info.\n\n  * You have 2 options to open Facebook gallery photo picker dialog\n    * Call `FbGallery` `init` function. It takes your callback as it's only parameter. Example here:\n    ```bash\n        constructor( private fbGallery:FbGallery ) {}\n\n        public chooseFromFacebook():void{\n          this.fbGallery.init((url, name)=\u003e{\n            /* do something here */\n          });\n        }\n    ```\n\n    * Use `fb-gallery` directive. Example here:\n\n      **HTML file**\n      ```bash\n          \u003cbutton ion-button block icon-left [fb-gallery]=\"facebookGalleryCallback()\"\u003e\n            \u003cion-icon name=\"logo-facebook\"\u003e\u003c/ion-icon\u003e\n            Choose from Facebook\n          \u003c/button\u003e\n      ```\n\n      **TypeScript file**\n      ```bash\n          public facebookGalleryCallback():any{\n            return (url, name)=\u003e{\n              /* do something here */\n            };\n          }\n      ```\n      \n## DEMO\n      \n[ionic2-fb-api DEMO](https://www.youtube.com/watch?v=dhC_6VZnI1w)\n      \nThats all.\n\n","funding_links":[],"categories":["Components","Complete projects","UI"],"sub_categories":["Images"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskyfloyd%2Fionic2-fb-gallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskyfloyd%2Fionic2-fb-gallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskyfloyd%2Fionic2-fb-gallery/lists"}