aboutsummaryrefslogtreecommitdiff
path: root/js/components/gradientpicker.reel/gradientpicker.html
blob: 4765a6771ff12ec5e325f5c29ecfde09a95ab889 (plain)
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
<!DOCTYPE html>
<!-- 
 <copyright>
	This file contains proprietary software owned by Motorola Mobility, Inc.
	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
</copyright>
-->
<html>

	<head>
    	
    	<link rel="stylesheet" type="text/css" href="css/gradientpicker.css">

		<script type="text/montage-serialization">
   			{
            	"owner": {
                	"prototype": "js/components/gradientpicker.reel[GradientPicker]",
                	"properties": {
                    	"element": {"#": "gradientpicker"},
                    	"radioLinear": {"#": "radio_linear"},
                    	"radioRadial": {"#": "radio_radial"},
                    	"trackCover": {"#": "cover"},
                    	"trackMain": {"#": "track"},
                    	"trackChips": {"#": "chips"}

                	}
            	}
        	}
		</script>
		
	</head>
	
	<body>
    
    	<div data-montage-id="gradientpicker" class="gradientpicker">
    		
    		<div class="type">
    			
    			<input data-montage-id="radio_linear" type="radio" class="cp_gp_linear radio" name="gradient" value="linear" id="cp_gp_linear" checked="like a boss"/>
    			<label for="cp_gp_linear">Linear Gradient</label>
    			
    			<input data-montage-id="radio_radial" type="radio" class="cp_gp_radial radio" name="gradient" value="radial" id="cp_gp_radial"/>
    			<label for="cp_gp_radial">Radial Gradient</label>
    			
    		</div>
    		
    		<div class="cp_gp_slider">
    			
    			<div class="track_container">
    				<div data-montage-id="track" class="track"></div>
    			</div>
    			
    			<div data-montage-id="cover" class="cover"></div>
    			
    			<div data-montage-id="chips" class="chips"></div>
    			
    		</div>
    	
    	</div>
    
	</body>

</html>