<commit_before># How to use it? 

## Sass way

    1. Add script  <script src='https://s3.amazonaws.com/genericapps/resources/calculators/bundle36.js'></script>
    
    2. Setup global variable eduOptions - 
        <script>
          window.eduOptions = {
          'hostname': 'cheapcustompapers.com',
          'website_id': 442,
          'service_ids': '2185, 2186, 2184, 2183',
          'apiMode': 'M',
          'dsc': '15Cheap',
          'dev_mode': false
          }
         </script>
    
    2. Choose and add needed folder with [SASS styles](https://github.com/edu-affiliates/promo_calculators/tree/master/src/styles)
    
    3. Add container and options for choosen calculators 
    
        <div class="table-price"></div>
        <div class="calc-sm" data-title="" data-title-discount=""></div>
        <div class="calc-sm" data-type="horizontal" data-title="" data-title-discount=""></div>
        <div class="calc-lg" data-title="" data-title-discount=""></div>
    
    3. Posible options: 
        - data-type="" accept value 'horizontal' to transform small calc to horizontal presentation;
        - data-title="" accept any string that will show if there is no discount
        - data-title-discount="" accept any string with sign '%' to show available discount
        
    4. Override default variables to customize presentaion.
        
    
        <commit_msg>add containers and options to readme<commit_after># How to use it? 

## Sass way

    1. Add script  
    ```bash 
    <script src='https://s3.amazonaws.com/genericapps/resources/calculators/bundle36.js'></script>
    ```
    
    2. Setup global variable eduOptions - 
  
    ```bash 
        <script>
          window.eduOptions = {
          'hostname': 'hostname.com',
          'website_id': 442,
          'service_ids': '2185, 2186, 2184, 2183',
          'apiMode': 'M',
          'dsc': 'ESSAYFIRST15',
          'dev_mode': false
          }
         </script>
      ```
      
      hostname: string - to set site api url for api calls;
      website_id: number - id generated in [ACP](https://acpanel.edu-affiliates.com/client-sites/);
      service_ids: string - to load custom services take the ids from [ACP](https://acpanel.edu- affiliates.com/client-sites/)
      apiMode: string - to determine availability own my.hostname.com
      dsc: string - one-time discount coupon
      dev_mode: boolean - to choose devapi or api
    
    3. Choose and add needed folders with [SASS styles](https://github.com/edu-affiliates/promo_calculators/tree/master/src/styles)
    
    4. Add container and options for choosen component 
    
        <div class="table-price"></div>
        <div class="calc-sm" data-title="" data-title-discount=""></div>
        <div class="calc-sm" data-type="horizontal" data-title="" data-title-discount=""></div>
        <div class="calc-lg" data-title="" data-title-discount=""></div>
        
        <div class="user-name"></div>
        <div class="calc-fast"></div>
        
        <div class="inquiry" data-name="" data-class=""></div>
        <div class="order" data-name="" data-class=""></div>

    
    5. Posible options: 
        - data-type="" accept value 'horizontal' to transform small calc to horizontal presentation;
        - data-title="" accept any string that will show if there is no discount
        - data-title-discount="" accept any string with sign '%' to show available discount
        - data-name="" set button name
        - data-class="" set button class
        
    6. Override default variables to customize presentaion(do not forget to remove !default).
        
    
        
{'fraction_non_alphanumeric': 0.1322722283205269, 'fraction_numerical': 0.01646542261251372, 'mean_word_length': 2.3226982680036463, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 35, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7090332', 'n_tokens_mistral': 1109, 'n_tokens_neox': 1053, 'n_words': 299}