Subversion Repositories SmartDukaan

Rev

Rev 32779 | Rev 33502 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 32779 Rev 33501
Line 1... Line -...
1 
<h3 style="margin-top:-2px;margin-bottom:24px"><strong>#springMessage("dashboard.myperformance")</strong></h3>
 - 
 
2 
 
 - 
 
3 
<div class="col-lg-5">
 1 
##<div class="col-lg-5">
4 
    <h4 style="margin-top:-2px;margin-bottom:6px"><strong>#springMessage("dashboard.myperformance")</strong></h4>
 2 
####    <h4 style="margin-top:-2px;margin-bottom:6px"><strong>#springMessage("dashboard.myperformance")</strong></h4>
5 
    <table class="table table-condensed indianflag">
 3 
####    <table class="table table-condensed indianflag">
6 
        <tbody>
 4 
####        <tbody>
7 
        <tr class="current">
 5 
####        <tr class="current">
8 
            <td>#springMessage("dashboard.currentmonth")</td>
 6 
####            <td>#springMessage("dashboard.currentmonth")</td>
9 
            <td>
 7 
####            <td>
10 
                <div class="stars-outer">
 8 
####                <div class="stars-outer">
11 
                    <div class="stars-inner"></div>
 9 
####                    <div class="stars-inner"></div>
12 
                </div>
 10 
####                </div>
13 
            </td>
 11 
####            </td>
14 
            <td>$currentMonthRating/5</td>
 12 
####            <td>$currentMonthRating/5</td>
15 
        </tr>
 13 
####        </tr>
16 
        <tr class="last">
 14 
####        <tr class="last">
17 
            <td>Last Month</td>
 15 
####            <td>Last Month</td>
18 
            <td>
 16 
####            <td>
19 
                <div class="stars-outer">
 17 
####                <div class="stars-outer">
20 
                    <div class="stars-inner"></div>
 18 
####                    <div class="stars-inner"></div>
21 
                </div>
 19 
####                </div>
22 
            </td>
 20 
####            </td>
23 
            <td>$lastMonthRating/5</td>
 21 
####            <td>$lastMonthRating/5</td>
24 
        </tr>
 22 
####        </tr>
25 
        <tr class="tilldate">
 23 
####        <tr class="tilldate">
26 
            <td>#springMessage("dashboard.tilldate")</td>
 24 
####            <td>#springMessage("dashboard.tilldate")</td>
27 
            <td>
 25 
####            <td>
28 
                <div class="stars-outer">
 26 
####                <div class="stars-outer">
29 
                    <div class="stars-inner"></div>
 27 
####                    <div class="stars-inner"></div>
30 
                </div>
 28 
####                </div>
31 
            </td>
 29 
####            </td>
32 
            <td>$ratingTillDate/5</td>
 30 
####            <td>$ratingTillDate/5</td>
33 
        </tr>
 31 
####        </tr>
34 
        </tbody>
 32 
####        </tbody>
35 
    </table>
 33 
####    </table>
36 
</div>
 34 
##</div>
37 
 
 35 
 
38 
 
 36 
 
39 
<div class="col-lg-7">
 37 
<div>
40 
 
 38 
 
41 
    <div class="row" style="width:50%">
 39 
    ##    <div class="row" style="width:50%">
42 
 
 40 
    ##
43 
        <select class="form-control input-sm" id="performance-months" name="months" placeholder="months"
 41 
    ##        <select class="form-control input-sm" id="performance-months" name="months" placeholder="months"
44 
                style="width:50%; margin:auto;">
 42 
    ##                style="width:50%; margin:auto;">
45 
            <option value="" disabled selected>month</option>
 43 
    ##            <option value="" disabled selected>month</option>
46 
            #foreach($mVM in $monthValueMap.entrySet())
 44 
    ##            #foreach($mVM in $monthValueMap.entrySet())
47 
                #if($mVM.getKey()== $month )
 45 
    ##                #if($mVM.getKey()== $month )
48 
                    <option value="$mVM.getKey()" selected>$mVM.getValue()</option>
 46 
    ##                    <option value="$mVM.getKey()" selected>$mVM.getValue()</option>
49 
                #else
 47 
    ##                #else
50 
                    <option value="$mVM.getKey()">$mVM.getValue()</option>
 48 
    ##                    <option value="$mVM.getKey()">$mVM.getValue()</option>
51 
                #end
 49 
    ##                #end
52 
            #end
 50 
    ##            #end
53 
        </select>
 51 
    ##        </select>
54 
    </div>
 52 
    ##    </div>
55 
 
 53 
 
56 
    <div class="row">
 54 
    <div class="row">
57 
        <div class="col-lg-6">
 55 
        ##        <div class="col-lg-6">
58 
            <canvas data-type="radial-gauge" id="hygeine"
 56 
        ##            <canvas data-type="radial-gauge" id="hygeine"
59 
                    data-width="200" ,
 57 
        ##                    data-width="200" ,
60 
                    data-height="200"
 58 
        ##                    data-height="200"
61 
                    data-title="Hygeine"
 59 
        ##                    data-title="Hygeine"
62 
                    data-units="${hygienePercentage}%"
 60 
        ##                    data-units="${hygienePercentage}%"
63 
                    data-min-value="0"
 61 
        ##                    data-min-value="0"
64 
                    data-max-value="100"
 62 
        ##                    data-max-value="100"
65 
                    data-value="${hygienePercentage}"
 63 
        ##                    data-value="${hygienePercentage}"
66 
                    data-major-ticks="0,20,40,60,80,100"
 64 
        ##                    data-major-ticks="0,20,40,60,80,100"
67 
                    data-minor-ticks="2"
 65 
        ##                    data-minor-ticks="2"
68 
                    data-stroke-ticks="true"
 66 
        ##                    data-stroke-ticks="true"
69 
                    data-highlights='[
 67 
        ##                    data-highlights='[
70 
					{"from": 0, "to": 80, "color": "red"},
 68 
        ##					{"from": 0, "to": 80, "color": "red"},
71 
					{"from": 80, "to": 90, "color": "yellow"},
 69 
        ##					{"from": 80, "to": 90, "color": "yellow"},
72 
					{"from": 90, "to": 100, "color": "green"}
 70 
        ##					{"from": 90, "to": 100, "color": "green"}
73 
				    ]' ,
 71 
        ##				    ]' ,
74 
                    data-value-box="false"
 72 
        ##                    data-value-box="false"
75 
                    data-color-plate="#fff"
 73 
        ##                    data-color-plate="#fff"
76 
                    data-border-shadow-width="0"
 74 
        ##                    data-border-shadow-width="0"
77 
                    data-borders="false"
 75 
        ##                    data-borders="false"
78 
                    data-needle-type="arrow"
 76 
        ##                    data-needle-type="arrow"
79 
                    data-needle-width="2"
 77 
        ##                    data-needle-width="2"
80 
                    data-needle-circle-size="7"
 78 
        ##                    data-needle-circle-size="7"
81 
                    data-font-value-size="42"
 79 
        ##                    data-font-value-size="42"
82 
                    data-font-title-size="42"
 80 
        ##                    data-font-title-size="42"
83 
                    data-font-units-size="42"
 81 
        ##                    data-font-units-size="42"
84 
                    data-needle-circle-outer="true"
 82 
        ##                    data-needle-circle-outer="true"
85 
                    data-needle-circle-inner="false"
 83 
        ##                    data-needle-circle-inner="false"
86 
                    data-animation-duration="1500"
 84 
        ##                    data-animation-duration="1500"
87 
                    data-animation-rule="linear"
 85 
        ##                    data-animation-rule="linear"
88 
            ></canvas>
 86 
        ##            ></canvas>
- 
 
 87 
        ##
- 
 
 88 
        ##        </div>
89 
 
 89 
 
- 
 
 90 
        <div class="col-lg-7">
- 
 
 91 
            <h4 style="margin-top:-2px;margin-bottom:24px"><strong>Print Banners</strong></h4>
- 
 
 92 
            <div class="form-group">
- 
 
 93 
                <div id="myCarousel" class="carousel slide" data-ride="carousel">
- 
 
 94 
                    <!-- Wrapper for slides -->
- 
 
 95 
                    <div class="carousel-inner text-center">
- 
 
 96 
                        #if(!$printResources.isEmpty())
- 
 
 97 
                            #set($first = true)
- 
 
 98 
                            #foreach($printResource in $printResources)
- 
 
 99 
                                <div class="item #if($first)active#set($first = false)#end">
- 
 
 100 
                                    <img src="$printResource.getThumbnailUrl()" alt="Los Angeles"
- 
 
 101 
                                         style="max-height:150px;width:auto;max-width: 100%;margin: auto;">
- 
 
 102 
                                    <div class="carousel-caption">
- 
 
 103 
                                        <br>
- 
 
 104 
                                        <button class="btn btn-danger btn-sm partner_print_resources">Get More!</button>
- 
 
 105 
                                    </div>
- 
 
 106 
                                </div>
- 
 
 107 
                            #end
- 
 
 108 
                        #end
- 
 
 109 
                    </div>
- 
 
 110 
                    <!-- Left and right controls -->
- 
 
 111 
                    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
- 
 
 112 
                        <span class="glyphicon glyphicon-chevron-left"></span>
- 
 
 113 
                        <span class="sr-only">Previous</span>
- 
 
 114 
                    </a>
- 
 
 115 
                    <a class="right carousel-control" href="#myCarousel" data-slide="next">
- 
 
 116 
                        <span class="glyphicon glyphicon-chevron-right"></span>
- 
 
 117 
                        <span class="sr-only">Next</span>
- 
 
 118 
                    </a>
- 
 
 119 
                </div>
- 
 
 120 
            </div>
90 
        </div>
 121 
        </div>
91 
 
 - 
 
92 
 
 - 
 
93 
        <div class="col-lg-6">
 122 
        <div class="col-lg-5">
- 
 
 123 
            <h4 style="margin-top:-2px;margin-bottom:24px"><strong>Investment</strong></h4>
94 
            <canvas data-type="radial-gauge" id="investment"
 124 
            <canvas data-type="radial-gauge" id="investment"
95 
                    data-width="200"
 125 
                    data-width="200"
96 
                    data-height="200"
 126 
                    data-height="200"
97 
                    data-title="Investments"
 127 
                    data-title="Investments"
98 
                    data-units="${investments.get('okDays')}/${dayOfMonth}"
 128 
                    data-units="${investments.get('okDays')}/${dayOfMonth}"