FitnessManager/settings.html at master · the4dpatrick/FitnessManager · 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
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Widget Settings &bull; FitnessManager</title>
	<link rel="stylesheet" href="css/ui-lib.min.css"/>
</head>
<body>
<div wix-scroll="{height:646}">
    <header class="box">
        <div class="logo">
            <img width="86" src="images/fm-icon.png" alt="logo"/>
        </div>
        <div class="loggedOut">
            <p>
              Manage your personal training business and clients from one easy dashboard. Assign weekly workouts. Give a client a challenge. Allow your clients to enter and view vital information on one page. Use the existing templates, by entering your email address below, or <a href="#">signup for a free FitnessManager account</a> and create your own custom management dashboard!
            </p>

            <div class="login-panel">
                <p class="create-account">Don't have a FitnessManager account? <strong><a href="#" target="_blank">Create
                    an account</a></strong></p>
                <button class="submit uilib-btn connect">Connect account</button>
            </div>
        </div>
        <div class="loggedIn hidden">
            <p>You are now connected to <strong>John Doe (john@doe.com)</strong> account<br/>
                <a class="disconnect-account">Disconnect account</a></p>

            <div class="premium-panel">
                <p class="premium-features ">Premium features</p>
                <button class="submit btn upgrade">Upgrade</button>
            </div>
        </div>
    </header>

    <div class="accordion" wix-ctrl="Accordion">

        <div class="acc-pane">
            <h3>General Settings: </h3>

            <div class="acc-content">
                <ul class="list">
                    <li wix-label="Site Title:">
                      <div wix-model="siteTitle" id= "site-title" wix-ctrl="Input" wix-options="{ placeholder: 'Joes Training' }">
		      </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="acc-pane">
            <h3>Design Settings:</h3>

            <div class="acc-content">
                <ul class="list">
                    <li wix-label="Title text:">
                        <div wix-param="titleTextColor" wix-ctrl="ColorPicker" wix-options="{startWithColor:'color-3'}"></div>
                    </li>
                    <li wix-label="Text:">
                        <div wix-param="textColor" wix-ctrl="ColorPicker" wix-options="{startWithColor:'color-6'}"></div>
                    </li>
                    <li wix-label="Title Background">
                        <div wix-param="backgroundColor" wix-ctrl="ColorPickerWithOpacity" wix-options="{startWithColor:'color-1'}"></div>
                    </li>
                    <li wix-label="Background">
                        <div wix-param="backgroundColor" wix-ctrl="ColorPickerWithOpacity" wix-options="{startWithColor:'color-1'}"></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>


<!-- jQuery Dependency -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<!-- Wix SDK -->
<script src="http://sslstatic.wix.com/services/js-sdk/1.26.0/js/Wix.js"></script>

<script type="text/javascript" src="css/ui-lib.min.js"></script>


<script type="text/javascript">
    $(document).ready(function () {

        Wix.UI.initialize({
            numOfImages: 100,
            isIconShown: true,
            imageVisibility: 'show',
            imagesToSync: 0,
            imageLink: false
        });

        /**
         Validate email adress
         */
        $('#email').getCtrl().setValidationFunction(function(value) {
            return (/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(value));
        });
    });

</script>

</body>
</html>