https://github.com/virtualvivek/ios-13-calculators

This light-weight library provides iOS 13 style calculators for web applications written in html, css and AngularJs .Including Basic calculator, BMI calculator, Macro kcal calculator, Grade calculator, Timer and more.
https://github.com/virtualvivek/ios-13-calculators

angularjs bmi-calculator calculators healthcare-application html-css ios ios-calculator ios-ui ios13 javascript kcal-calculator macro-calculator timer timer-application

Last synced: 7 months ago
JSON representation

Host: GitHub
URL: https://github.com/virtualvivek/ios-13-calculators
Owner: virtualvivek
License: apache-2.0
Created: 2019-10-28T18:07:51.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2020-12-31T17:47:12.000Z (almost 5 years ago)
Last Synced: 2024-04-13T10:09:25.927Z (over 1 year ago)
Topics: angularjs, bmi-calculator, calculators, healthcare-application, html-css, ios, ios-calculator, ios-ui, ios13, javascript, kcal-calculator, macro-calculator, timer, timer-application
Language: JavaScript
Homepage:
Size: 5.46 MB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

          
  




	



    

  

	



    

  	

  	

  

    

  

  	

    

  

  	

    

  

  

  

  

    

  

  

  



 
 

A light-weight library provides ios 13 style calculators for web applications




 See a similar dark version  here - 

	Dark version of ios Calculator

	

___



	

Overview

 An ios 13 style calculators for web browsers.

 Easily Embbed and use calculated results easily in your pages. 

 This project is inspired from the light theme introduced by apple inc. to apply styles in html css format.

 

 


 

 ## Installation

 

 Include `ios-calculators` folder in your target project file.

 

 Add where you want to add between your layout using a preprocessing language-

```php

```

#### OR  

Simply copy the html code and add between you page.

### Requirements

```html

```

  



## Basic Calculator



### Usage

To use values returned by the Basic calculator-

```html

use {{c_value}}

Eg: 

```

OR through `ng` tag-

```js

ng-model="c_value"

```





## BMI Calculator



### Usage

To use values returned by the BMI calculator-

```html

use {{b_value}}

Eg: 

```

OR through `ng` tag-

```js

ng-model="b_value"

```



## Timer



### Usage

 
Standalone timer app here : ios-13-Calculators/iosTimer


To use values returned by the Timer-

```html

use {{counter | formatTimer}}

Eg:

```





















## Grade Calculator



### Usage

To use values returned by the Grade calculator-

```html

use id 'avg_grades'

Eg: 

```

OR through `assign` value-

```js

var value = document.getElementById("avg_grades").value;

```





## Macro Calculator



### Usage

To use values returned by the Macro calculator-

```html

use class 'calories' using structure:



0 kcal

```

OR through `assign` value-

```js

var value = document.getElementById("calories").innerHtml;

```






### Browser Compatibility

![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png)

--- | --- | --- | --- | --- |

Latest ✔ | Latest ✔ | Latest ✔ | 9.1+ ✔ | Latest ✔ |

## License

ios13-Calculators is licensed under `Apache-2.0 license`. View [license](https://github.com/virtualvivek/ios-13-Calculators/blob/master/LICENSE).


Copyright (c) 2019-21 `Vivek Verma`