Skip to content

Commit 2c4965c

Browse files
thenamankumarthenamankumar
authored
Merge pull request #308 from samagragupta/centre
Centred the filter buttons
2 parents 35c6d5a + 3f7fe13 commit 2c4965c

File tree

1 file changed

+132
-116
lines changed

1 file changed

+132
-116
lines changed

‎views/pages/claims/view.hbs‎

Lines changed: 132 additions & 116 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,12 @@
44
<a class="item {{menuH.rejected}}" href="?status=rejected">Rejected</a>
55
</div>
66
<div align="right">
7-
<div class="ui floating dropdown labeled icon button">
7+
<div class="ui floating dropdown labeled icon button centre">
88
<i class="filter icon"></i>
99
{{#if username}}
10-
<span id="username" class="text">{{username}}</span>
10+
<span id="username" class="text">{{username}}</span>
1111
{{else}}
12-
<span class="text">Filter Usernames</span>
12+
<span class="text">Filter Usernames</span>
1313
{{/if}}
1414
<div class="menu">
1515
<div class="ui icon search input">
@@ -19,28 +19,28 @@
1919

2020
<div class="scrolling menu">
2121
{{#each filter as |user|}}
22-
<a class="item" href="{{user.url}}">
23-
{{user.name}}
24-
</a>
22+
<a class="item" href="{{user.url}}">
23+
{{user.name}}
24+
</a>
2525
{{/each}}
2626
</div>
2727
</div>
2828
</div>
2929

3030
{{#if username}}
31-
<a href="?status={{status}}">
32-
<div id="resetUsername" class="ui icon button">
33-
<i class="undo icon"></i>
34-
</div>
35-
</a>
31+
<a href="?status={{status}}">
32+
<div id="resetUsername" class="ui icon button">
33+
<i class="undo icon"></i>
34+
</div>
35+
</a>
3636
{{/if}}
3737

38-
<div class="ui floating dropdown labeled icon button">
38+
<div class="ui floating dropdown labeled icon button centre">
3939
<i class="filter icon"></i>
4040
{{#if projectname}}
41-
<span id="projectName" class="text">{{projectname}}</span>
41+
<span id="projectName" class="text">{{projectname}}</span>
4242
{{else}}
43-
<span class="text">Filter Projects</span>
43+
<span class="text">Filter Projects</span>
4444
{{/if}}
4545
<div class="menu">
4646
<div class="ui icon search input">
@@ -50,28 +50,28 @@
5050

5151
<div class="scrolling menu">
5252
{{#each filterproj as |project|}}
53-
<a class="item" href="{{project.url}}">
54-
{{project.name}}
55-
</a>
53+
<a class="item" href="{{project.url}}">
54+
{{project.name}}
55+
</a>
5656
{{/each}}
5757
</div>
5858
</div>
5959
</div>
6060

6161
{{#if projectname}}
62-
<a href="?status={{status}}">
63-
<div id="resetProjectName" class="ui icon button">
64-
<i class="undo icon"></i>
65-
</div>
66-
</a>
62+
<a href="?status={{status}}">
63+
<div id="resetProjectName" class="ui icon button">
64+
<i class="undo icon"></i>
65+
</div>
66+
</a>
6767
{{/if}}
6868

69-
<div class="ui floating dropdown labeled icon button">
69+
<div class="ui floating dropdown labeled icon button centre">
7070
<i class="filter icon"></i>
7171
{{#if minbounty}}
72-
<span class="text">{{minbounty}}-{{maxbounty}}</span>
72+
<span class="text">{{minbounty}}-{{maxbounty}}</span>
7373
{{else}}
74-
<span class="text">Bounty Amount</span>
74+
<span class="text">Bounty Amount</span>
7575
{{/if}}
7676
<div class="menu" id="gobounty">
7777
<div class="ui search input">
@@ -88,22 +88,22 @@
8888
</div>
8989
<script>
9090
91-
$( function() {
92-
$( "#bounty-range-slider" ).slider({
93-
range: true,
94-
min: 0,
95-
max: 5000,
96-
values: [ {{minbounty}}, {{maxbounty}} ],
97-
slide: function( event, ui ) {
98-
$( "#min" ).val(ui.values[ 0 ]);
99-
$( "#max" ).val(ui.values[ 1 ] );
100-
$('#gobounty a').prop('href', '?minbounty='+ui.values[ 0 ]+"&maxbounty="+ui.values[ 1 ]);
91+
$(function () {
92+
$("#bounty-range-slider").slider({
93+
range: true,
94+
min: 0,
95+
max: 5000,
96+
values: [{{ minbounty }}, {{ maxbounty }} ],
97+
slide: function (event, ui) {
98+
$("#min").val(ui.values[0]);
99+
$("#max").val(ui.values[1]);
100+
$('#gobounty a').prop('href', '?minbounty=' + ui.values[0] + "&maxbounty=" + ui.values[1]);
101101
}
102102
});
103-
var min = $( "#bounty-range-slider" ).slider( "values", 0 );
104-
var max = $( "#bounty-range-slider" ).slider( "values", 1 )
105-
$( "#min" ).val(min);
106-
$( "#max" ).val(max);
103+
var min = $("#bounty-range-slider").slider("values", 0);
104+
var max = $("#bounty-range-slider").slider("values", 1)
105+
$("#min").val(min);
106+
$("#max").val(max);
107107
});
108108
109109
$('.ui.dropdown').dropdown('hide');
@@ -117,103 +117,110 @@
117117
})
118118
119119
$('.ui.dropdown')
120-
.dropdown({
121-
action: function (text, value, element) {
122-
element.click()
123-
}
124-
})
120+
.dropdown({
121+
action: function (text, value, element) {
122+
element.click()
123+
}
124+
})
125125
</script>
126126
<div class="ui very relaxed divided items">
127-
{{#if claims}}
127+
{{#if claims}}
128128
{{#each claims as |claim|}}
129-
<div class="four wide item">
130-
<div class="image">
131-
<a class="ui statistic" href="/claims/{{claim.id}}">
132-
<div class="value">
133-
{{claim.bounty}}
134-
</div>
135-
<div class="label">
136-
BOUNTY POINTS
137-
</div>
138-
</a>
139-
</div>
140-
<div class="middle aligned content">
141-
<a class="header user" href="/claims/view?username={{claim.user}}&status={{status}}">{{claim.user}}</a>
142-
<div class="meta">
143-
<span>{{claim.repo}}</span>
129+
<div class="four wide item">
130+
<div class="image">
131+
<a class="ui statistic" href="/claims/{{claim.id}}">
132+
<div class="value">
133+
{{claim.bounty}}
144134
</div>
145-
<div class="description">
146-
<p>
147-
Issue : <a href="{{claim.issueUrl}}">{{claim.issueUrl}}</a>
148-
</p>
149-
<p>
150-
Pull : <a href="{{claim.pullUrl}}">{{claim.pullUrl}}</a>
151-
</p>
135+
<div class="label">
136+
BOUNTY POINTS
152137
</div>
153-
<div class="extra">
154-
{{#if claim.reason}}
155-
<p>Reason: {{claim.reason}} </p>
156-
{{/if}}
157-
{{#equal claim.status "claimed"}}
158-
<div class="ui label yellow">{{claim.status}}</div>
159-
{{#equal claim.user ../current }}
160-
<a href="/claims/{{claim.id}}/edit" style="color:white">
161-
<div class="ui label blue">
162-
Edit
163-
</div>
164-
</a>
165-
{{/equal}}
166-
{{/equal}}
167-
{{#equal claim.status "accepted"}}
168-
<div class="ui label green">{{claim.status}}</div>
169-
{{/equal}}
170-
{{#equal claim.status "rejected"}}
171-
<div class="ui label red">{{claim.status}}</div>
172-
{{/equal}}
138+
</a>
139+
</div>
140+
<div class="middle aligned content">
141+
<a class="header user" href="/claims/view?username={{claim.user}}&status={{status}}">{{claim.user}}</a>
142+
<div class="meta">
143+
<span>{{claim.repo}}</span>
144+
</div>
145+
<div class="description">
146+
<p>
147+
Issue : <a href="{{claim.issueUrl}}">{{claim.issueUrl}}</a>
148+
</p>
149+
<p>
150+
Pull : <a href="{{claim.pullUrl}}">{{claim.pullUrl}}</a>
151+
</p>
152+
</div>
153+
<div class="extra">
154+
{{#if claim.reason}}
155+
<p>Reason: {{claim.reason}} </p>
156+
{{/if}}
157+
{{#equal claim.status "claimed"}}
158+
<div class="ui label yellow">{{claim.status}}</div>
159+
{{#equal claim.user ../current }}
160+
<a href="/claims/{{claim.id}}/edit" style="color:white">
161+
<div class="ui label blue">
162+
Edit
163+
</div>
164+
</a>
165+
{{/equal}}
166+
{{/equal}}
167+
{{#equal claim.status "accepted"}}
168+
<div class="ui label green">{{claim.status}}</div>
169+
{{/equal}}
170+
{{#equal claim.status "rejected"}}
171+
<div class="ui label red">{{claim.status}}</div>
172+
{{/equal}}
173173

174-
</div>
175174
</div>
176175
</div>
176+
</div>
177177
{{/each}}
178-
{{else}}
179-
{{#if menuH.claimed}}
180-
<br><h1><center>No more claimed bounties! </center></h1><br>
181-
{{else if menuH.accepted}}
182-
<br><h1><center>Accepted bounties not found! </center></h1><br>
183-
{{else if menuH.rejected}}
184-
<br><h1><center>Rejected bounties not found! </center></h1><br>
185-
{{/if}}
186-
{{/if}}
178+
{{else}}
179+
{{#if menuH.claimed}}
180+
<br>
181+
<h1>
182+
<center>No more claimed bounties! </center>
183+
</h1><br>
184+
{{else if menuH.accepted}}
185+
<br>
186+
<h1>
187+
<center>Accepted bounties not found! </center>
188+
</h1><br>
189+
{{else if menuH.rejected}}
190+
<br>
191+
<h1>
192+
<center>Rejected bounties not found! </center>
193+
</h1><br>
194+
{{/if}}
195+
{{/if}}
187196

188197
<div class="pagination">
189198
<div class="ui pagination menu">
190199
{{#if isFirstPage}}
191-
<a class="item disabled"> Prev</a>
200+
<a class="item disabled"> Prev</a>
192201
{{else}}
193-
{{#if projectname}}
194-
<a class="item"
195-
href="?page={{prevPage}}&size={{size}}&status={{status}}&projectname={{projectname}}">Prev </a>
196-
{{else}}
197-
<a class="item"
198-
href="?page={{prevPage}}&size={{size}}&status={{status}}&username={{username}}">Prev </a>
199-
{{/if}}
202+
{{#if projectname}}
203+
<a class="item" href="?page={{prevPage}}&size={{size}}&status={{status}}&projectname={{projectname}}">Prev
204+
</a>
205+
{{else}}
206+
<a class="item" href="?page={{prevPage}}&size={{size}}&status={{status}}&username={{username}}">Prev </a>
207+
{{/if}}
200208
{{/if}}
201209

202210
{{#each pagination as |link index|}}
203-
<a class="item {{#equal (add index 1) ../page}} active {{/equal}} " href="{{link}}">
204-
{{add index 1}}
205-
</a>
211+
<a class="item {{#equal (add index 1) ../page}} active {{/equal}} " href="{{link}}">
212+
{{add index 1}}
213+
</a>
206214
{{/each}}
207215
{{#if isLastPage}}
208-
<a class="item disabled"> Next </a>
216+
<a class="item disabled"> Next </a>
209217
{{else}}
210-
{{#if projectname}}
211-
<a class="item"
212-
href="?page={{nextPage}}&size={{size}}&status={{status}}&projectname={{projectname}}">Next </a>
213-
{{else}}
214-
<a class="item"
215-
href="?page={{nextPage}}&size={{size}}&status={{status}}&username={{username}}">Next </a>
216-
{{/if}}
218+
{{#if projectname}}
219+
<a class="item" href="?page={{nextPage}}&size={{size}}&status={{status}}&projectname={{projectname}}">Next
220+
</a>
221+
{{else}}
222+
<a class="item" href="?page={{nextPage}}&size={{size}}&status={{status}}&username={{username}}">Next </a>
223+
{{/if}}
217224
{{/if}}
218225
</div>
219226
</div>
@@ -226,5 +233,14 @@
226233
.user.header:hover {
227234
color: grey !important;
228235
}
236+
237+
@media only screen and (max-width: 768px){
238+
.centre {
239+
margin: 1rem auto !important;
240+
display: table !important;
241+
width: 60%;
242+
}
243+
}
244+
229245
</style>
230246
</div>

0 commit comments

Comments
 (0)