rayshoerepair/forms.html at master · LesterKim/rayshoerepair · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Ray's Shoe Repair</title>
    <meta name="description" content="Fill out our online repair form, send us your shoes, and we will return your shoes as good as new—guaranteed.">
    <meta name="author" content="">
    <meta name="robots" content="index, follow">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-responsive.css">
    <link rel="stylesheet" type="text/css" href="custom.css">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

  </head>
  <body>

    <!-- NAVBAR
    ================================================== -->
    <div class="navbar-wrapper">
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
      <div class="container">

        <div class="navbar transparent navbar-inverse">
          <div class="navbar-inner">
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="brand" href="welcome.html">RAY'S SHOE REPAIR</a>
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
            <div class="nav-collapse collapse">
              <ul class="nav pull-right">
                <li><a href="welcome.html">HOME</a></li>
                <li class="active"><a href="forms.html">REPAIR FORM</a></li>
                <li><a href="services.html">SERVICES</a></li>
                <li><a href="testimonials.html">TESTIMONIALS</a></li>
                <li><a href="gallery.html">GALLERY</a></li>
                <li><a href="shoeproducts.html">SHOE PRODUCTS</a></li>
                <li><a href="about.html">ABOUT</a></li>
                <li><a href="contact.html">CONTACT</a></li>
                <li><a href="https://www.facebook.com/pages/Rays-Shoe-Repair/333395260072763" target="_blank"><img src="img/fbicon2.png" class="icon"></a></li>
                <li><a href="https://plus.google.com/111509004015535221657/about" target="_blank"><img src="img/googleicon2.png" class="icon"></a></li>
                <li><a href="http://www.yelp.com/biz/rays-ronkonkoma" target="_blank"><img src="img/yelpicon2.png" class="icon"></a></li>
              </ul>
            </div><!--/.nav-collapse -->
          </div><!-- /.navbar-inner -->
        </div><!-- /.navbar -->

      </div> <!-- /.container -->
    </div><!-- /.navbar-wrapper -->
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span4" id="instructions">
          <br><br><h3>Instructions</h3>
          <ol><br>
            <li>
              <strong>Chrome users:</strong> Fill out the empty fields on the blank repair form. Then scroll down to the bottom of the page and click on the printer icon to print the form out. <br><br>
              <strong>Firefox users:</strong> Print out blank repair form and fill it out manually. <br><br>
              <strong>Internet Explorer users:</strong> Fill out the empty fields on the blank repair form. Then click on the printer icon on the top right to print it out.
            </li><br>
            <li>Put your items in a box with a check or money order payable to "Ray's Shoe Repair" along with the printed repair form. <br>(Note: we only accept check or money order for online transactions)</li><br>
            <li>Mail to the following address:<br>
           <br>Ray's Shoe Repair
           <br>458 Hawkins Avenue
           <br>Ronkonkoma, NY 11779</li><br>
            <li>Your repaired items will be returned in 7-10 business days. Thank you for your service.</li>
          </ol>
        </div>
        <div class="span8" id="pdf">
          <object data="RayShoeRepairForm.pdf" type="application/pdf" width="100%" height="100%">
            <p>It appears you don't have a PDF plugin for this browser.
                No biggie... you can <a href="RayShoeRepairForm.pdf">click here to
                download the PDF file.</a>
            </p>
          </object>
        </div>
        <div>
          <h3 id="mobileView">The online repair form is currently unavailable for mobile viewing.</h3>
        </div>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="jsPDF/jspdf.js"></script>
  <script type="text/javascript" src="jsPDF/libs/Deflate/adler32cs.js"></script>
  <script type="text/javascript" src="jsPDF/libs/FileSaver.js/FileSaver.js"></script>
  <script type="text/javascript" src="jsPDF/libs/Blob.js/BlobBuilder.js"></script>
  <!--<script type="text/javascript" src="jsPDF/jspdf.plugin.addimage.js"></script>-->
  <script type="text/javascript" src="jsPDF/jspdf.plugin.standard_fonts_metrics.js"></script>
  <script type="text/javascript" src="jsPDF/jspdf.plugin.split_text_to_size.js"></script>
  <script type="text/javascript" src="jsPDF/jspdf.plugin.from_html.js"></script>

  <!--<script type="text/javascript">
    $(function() {
      $('#pdf').click(function() {
        var doc = new jsPDF();
        var firstName = $('#firstName').val();
        var lastName = $('#lastName').val();
        var addressLine1 = $('#addressLine1').val();
        var addressLine2 = $('#addressLine2').val();
        var city = $('#city').val();
        var state = $('#state').val();
        var zipcode = $('#zipcode').val();
        var dayPhone = $('#dayphone').val();
        var bestTimetoCall = $('#bestTimetoCall').val();
        var email = $('#email').val();
        var repairDescription = $('#repairDescription').val();
        var brand = $('#brand').val();
        var color = $('#color').val();
        var size = $('#size').val();
        var men = $('#men').val();
        var women = $('#women').val();
        var athletic = $('#athletic').val();
        var handbags = $('#handbags').val();
        var repairPrice = $('#repairPrice').val();
        console.log(repairPrice);
        var total = $('#total').val();
        doc.text(20, 20, 'Shoe Repair Form');
        doc.text(20, 30, 'First Name: ' + firstName);
        doc.text(100, 30, 'Last Name: ' + lastName);
        doc.text(20, 40, 'Address: ' + addressLine1);
        doc.text(20, 50, 'City: ' + city);
        doc.text(100, 50, 'State: ' + state);
        doc.text(130, 50, 'Zip Code: ' + zipcode);
        doc.text(20, 60, 'Phone: ' + dayPhone);
        doc.text(100, 60, 'Best Time to Call: ' + bestTimetoCall);
        doc.text(100, 70, 'Email: ' + email);
        doc.text(20, 80, 'Brand: ' + brand);
        doc.text(100, 80, 'Color: ' + color);
        doc.text(170, 80, 'Size: ' + size);
        doc.text(20, 90, 'Men: ' + men);
        doc.text(20, 100, 'Women: ' + women);
        doc.text(20, 110, 'Athletic: ' + athletic);
        doc.text(20, 120, 'Handbags: ' + handbags);
        doc.text(20, 130, 'Additional Comments: ' + repairDescription);
        doc.text(20, 150, 'Repair Price: $' + repairPrice);
        doc.text(20, 160, 'Shipping: $8.95')
        doc.text(20, 170, 'Total: $' + total);
        doc.text(20, 180, 'Make check or money order payable to \"Ray\'s Shoe Repair\".');
        /*doc.addPage(); */

        doc.save('shoerepairform.pdf');
      });
    });
  </script> -->
    <script src="http://code.jquery.com/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!--Google Analytics-->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-43099131-1', 'rayshoerepair.com');
        ga('send', 'pageview');

    </script>
  </body>
</html>