{"id":15388899,"url":"https://github.com/killercodemonkey/ionic-process-spinner","last_synced_at":"2026-02-28T20:02:35.465Z","repository":{"id":36866340,"uuid":"41173309","full_name":"KillerCodeMonkey/ionic-process-spinner","owner":"KillerCodeMonkey","description":"Angular and Ionic Framework extension. It provides the ionProcessSpinner to show a loading spinner until a process has finished. It replaces the child content with a loading spinner while processing.","archived":false,"fork":false,"pushed_at":"2015-09-07T12:16:21.000Z","size":4394,"stargazers_count":21,"open_issues_count":0,"forks_count":10,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-14T10:05:40.235Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/KillerCodeMonkey.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-21T19:21:15.000Z","updated_at":"2022-02-23T20:29:31.000Z","dependencies_parsed_at":"2022-08-25T01:14:16.310Z","dependency_job_id":null,"html_url":"https://github.com/KillerCodeMonkey/ionic-process-spinner","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KillerCodeMonkey%2Fionic-process-spinner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KillerCodeMonkey%2Fionic-process-spinner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KillerCodeMonkey%2Fionic-process-spinner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KillerCodeMonkey%2Fionic-process-spinner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KillerCodeMonkey","download_url":"https://codeload.github.com/KillerCodeMonkey/ionic-process-spinner/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248860287,"owners_count":21173342,"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-10-01T14:58:33.581Z","updated_at":"2026-02-28T20:02:35.388Z","avatar_url":"https://github.com/KillerCodeMonkey.png","language":"HTML","readme":"# ionic-process-spinner\r\n\r\nionic-process-spinner is an [Angular.js](http://angularjs.org/) and [Ionic Framework](http://ionicframework.com/) extension. It provides the ionProcessSpinner directive to show a loading spinner until a process has finished. It replaces the child content with a loading spinner while processing.\r\n\r\nInstallation\r\n============\r\n- run `bower install ionic-process-spinner`\r\n- or run `npm install ionic-process-spinner`\r\n- or download zip from release page: https://github.com/KillerCodeMonkey/ionic-process-spinner/releases\r\n\r\nDemo\r\n====\r\n![ionic-process-spinner](https://cloud.githubusercontent.com/assets/2264672/9417552/9409205c-484d-11e5-9364-7e2ab0f0c293.png)\r\n![ionic-process-spinner-active](https://cloud.githubusercontent.com/assets/2264672/9417551/93f86136-484d-11e5-8bb8-45b4525df3d2.png)\r\n\r\nUsage\r\n=====\r\n- load ionic, ionic-process-spinner scripts in your index.html\r\n- add dependency to your app module `var myAppModule = angular.module('ionicProcessSpinnerTest', ['ionic', 'ionicProcessSpinner']);`\r\n- use directive in your html --\u003e ion-content-loader\r\n- `\u003cion-process-spinner css-class=\"spinner-calm\" spinner=\"crescent\" processing=\"isProcessing\"\u003e\u003cb\u003eMy Content Loader\u003c/b\u003e\u003c/ion-process-spinner\u003e`\r\n- the content of the ion-process-spinner element is hidden until the associated processing attribute is false\r\n- during processing is true a loading spinner is shown\r\n- an usecase example: You do not want to block the whole view vie $ionicLoading if a request is processing after a user clicked on a button to send previously filled out inputs. IonProcessSpinner only hides the submit button and shows a loading spinner.\r\n\r\nConfiguration\r\n=============\r\n- set spinner: `spinner=\"crescent\"` (optional, default: platform dependent)\r\n- set if processing: `processing=\"isProcessing\"` (required), a scope variable to switch content with loading spinner\r\n- css-class: `css-class=\"spinner-calm\"` (optional), a optional css-class to style the spinner\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkillercodemonkey%2Fionic-process-spinner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkillercodemonkey%2Fionic-process-spinner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkillercodemonkey%2Fionic-process-spinner/lists"}