VRFS-3015 : Add list items as necessary and remove ordinal selectors. This prevents both some spacing issues and flash of empty list items seen when the form is loaded.
This commit is contained in:
Steven Miers
parent
3314515577
commit
eaf4f49763
|
|
@ -675,13 +675,14 @@
|
|||
$paidGigSection.show();
|
||||
|
||||
var genreList = profileUtils.paidSessionGenreList(user.genres);
|
||||
$paidGigDetails.find("ul li:nth-child(1)").html('Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT));
|
||||
$paidGigDetails.find("ul").html("");
|
||||
$paidGigDetails.find("ul").append('<li>Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
|
||||
var hourlyRate = user.paid_sessions_hourly_rate;
|
||||
$paidGigDetails.find("ul li:nth-child(2)").html('Hourly rate = ' + (hourlyRate ? hourlyRate : NOT_SPECIFIED_TEXT));
|
||||
$paidGigDetails.find("ul").append('<li>Hourly rate = ' + (hourlyRate ? hourlyRate : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
|
||||
var dailyRate = user.paid_sessions_daily_rate;
|
||||
$paidGigDetails.find("ul li:nth-child(3)").html('Day rate = ' + (dailyRate ? dailyRate : NOT_SPECIFIED_TEXT));
|
||||
$paidGigDetails.find("ul").append('<li>Day rate = ' + (dailyRate ? dailyRate : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
} else {
|
||||
$paidGigSection.hide();
|
||||
}
|
||||
|
|
@ -689,9 +690,9 @@
|
|||
// free sessions
|
||||
if (user.free_sessions) {
|
||||
$freeGigSection.show();
|
||||
|
||||
$freeGigDetails.find("ul").html("");
|
||||
var genreList = profileUtils.freeSessionGenreList(user.genres);
|
||||
$freeGigDetails.find("ul li:nth-child(1)").html('Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT));
|
||||
$freeGigDetails.find("ul").append('<li>Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
} else {
|
||||
$freeGigSection.hide();
|
||||
}
|
||||
|
|
@ -699,12 +700,12 @@
|
|||
// cowriting
|
||||
if (user.cowriting) {
|
||||
$cowritingSection.show();
|
||||
|
||||
$cowritingDetails.find("ul").html("");
|
||||
var genreList = profileUtils.cowritingGenreList(user.genres);
|
||||
$cowritingDetails.find("ul li:nth-child(1)").html('Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT));
|
||||
$cowritingDetails.find("ul").append('<li>Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
|
||||
var purpose = user.cowriting_purpose;
|
||||
$cowritingDetails.find("ul li:nth-child(2)").html('Purpose: ' + (purpose ? profileUtils.cowritingPurposeMap[purpose] : NOT_SPECIFIED_TEXT));
|
||||
$cowritingDetails.find("ul").append('<li>Purpose: ' + (purpose ? profileUtils.cowritingPurposeMap[purpose] : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
} else {
|
||||
$cowritingSection.hide();
|
||||
}
|
||||
|
|
@ -712,16 +713,16 @@
|
|||
// traditional bands
|
||||
if (user.traditional_band) {
|
||||
$traditionalBandSection.show();
|
||||
|
||||
$traditionalBandDetails.find("ul").html("");
|
||||
var genreList = profileUtils.traditionalBandGenreList(user.genres);
|
||||
$traditionalBandDetails.find("ul li:nth-child(1)").html('Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT));
|
||||
$traditionalBandDetails.find("ul").append('<li>Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
|
||||
var commitment = user.traditional_band_commitment;
|
||||
$traditionalBandDetails.find("ul li:nth-child(2)").html('Commitment: ' + (commitment ? profileUtils.bandCommitmentMap[commitment] : NOT_SPECIFIED_TEXT));
|
||||
$traditionalBandDetails.find("ul").append('<li>Commitment: ' + (commitment ? profileUtils.bandCommitmentMap[commitment] : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
|
||||
var canTour = user.traditional_band_touring;
|
||||
var canTourResponse = canTour ? "Yes" : (canTour === false ? "No" : NOT_SPECIFIED_TEXT);
|
||||
$traditionalBandDetails.find("ul li:nth-child(3)").html('Touring: ' + canTourResponse);
|
||||
$traditionalBandDetails.find("ul").append('<li>Touring: ' + canTourResponse + '</li>');
|
||||
} else {
|
||||
$traditionalBandSection.hide();
|
||||
}
|
||||
|
|
@ -729,12 +730,12 @@
|
|||
// virtual band
|
||||
if (user.virtual_band) {
|
||||
$virtualBandSection.show();
|
||||
|
||||
$virtualBandDetails.find("ul").html("");
|
||||
var genreList = profileUtils.virtualBandGenreList(user.genres);
|
||||
$virtualBandDetails.find("ul li:nth-child(1)").html('Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT));
|
||||
$virtualBandDetails.find("ul").append('<li>Genre(s): ' + (genreList.length > 0 ? genreList : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
|
||||
var commitment = user.virtual_band_commitment;
|
||||
$virtualBandDetails.find("ul li:nth-child(2)").html('Commitment: ' + (commitment ? profileUtils.bandCommitmentMap[commitment] : NOT_SPECIFIED_TEXT));
|
||||
$virtualBandDetails.find("ul").append('<li>Commitment: ' + (commitment ? profileUtils.bandCommitmentMap[commitment] : NOT_SPECIFIED_TEXT) + '</li>');
|
||||
} else {
|
||||
$virtualBandSection.hide();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,8 +24,7 @@
|
|||
height: 1.5em;
|
||||
}
|
||||
.controls {
|
||||
height: 1.75em;
|
||||
overflow: hidden;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
input {
|
||||
|
|
@ -41,7 +40,7 @@
|
|||
}
|
||||
|
||||
div.sample-list {
|
||||
height: 250px;
|
||||
min-height: 150px;
|
||||
width: auto;
|
||||
min-width: 100px;
|
||||
border: 2px solid #ccc;
|
||||
|
|
|
|||
|
|
@ -10,8 +10,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
div.logo {
|
||||
|
||||
|
||||
div.logo, div.item {
|
||||
text-align: bottom;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
img.logo {
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@
|
|||
<div class="section-header">Bio</div>
|
||||
<br clear="all" />
|
||||
|
||||
<div id="biography"></div>
|
||||
<div id="biography" class="item"></div>
|
||||
|
||||
<div><a href="/client#/account/profile" class="add-bio">Edit Bio</a></div>
|
||||
<br clear="all" />
|
||||
|
|
@ -73,23 +73,23 @@
|
|||
<div class="section-header">Musical Experience</div>
|
||||
<br clear="all" />
|
||||
|
||||
<div id="instruments"></div>
|
||||
<div id="instruments" class="item"></div>
|
||||
<br clear="all" />
|
||||
<br clear="all" />
|
||||
|
||||
<div>
|
||||
<div class="item">
|
||||
<div class="left profile-details">Status:</div>
|
||||
<div id="musician-status"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="item">
|
||||
<div class="left profile-details">Genres:</div>
|
||||
<div id="genres"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="item">
|
||||
<div class="left profile-details">Concert Gigs:</div>
|
||||
<div id="concert-count"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="item">
|
||||
<div class="left profile-details">Studio Gigs:</div>
|
||||
<div id="studio-count"></div>
|
||||
</div>
|
||||
|
|
@ -161,67 +161,60 @@
|
|||
|
||||
<div class="section-header">Current Interests</div>
|
||||
<br clear="all" />
|
||||
<div id="no-interests" class="left">None specified</div>
|
||||
<div id="no-interests" class="left item">None specified</div>
|
||||
|
||||
<div id="paid-gigs">
|
||||
<div id="paid-gigs" class="item">
|
||||
<div class="left">I'm interested in playing paid gigs</div>
|
||||
<br clear="all" />
|
||||
<div id="paid-gig-details">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="free-gigs">
|
||||
<div id="free-gigs" class="item">
|
||||
<div class="left">I'm interested in playing free gigs</div>
|
||||
<br clear="all" />
|
||||
<div id="free-gig-details">
|
||||
<ul>
|
||||
<li></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cowriting">
|
||||
<div class="left">I'm interested in co-writing:</div>
|
||||
<div id="cowriting" class="item">
|
||||
<div class="left">I'm interested in co-writing</div>
|
||||
<br clear="all" />
|
||||
<div id="cowriting-details">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="traditional-band">
|
||||
<div id="traditional-band" class="item">
|
||||
<div class="left">I'm interested in forming traditional band(s)</div>
|
||||
<br clear="all" />
|
||||
<div id="traditional-band-details">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
<li></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br clear="all" />
|
||||
<div><a href="/client#/account/profile/interests" class="add-interests">Add Interests</a></div>
|
||||
|
||||
<div id="virtual-band">
|
||||
|
||||
<div id="virtual-band" class="item">
|
||||
<div class="left">I'm interested in forming virtual band(s)</div>
|
||||
<br clear="all" />
|
||||
<div id="virtual-band-details">
|
||||
<ul>
|
||||
<li></li>
|
||||
<li></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item"><a href="/client#/account/profile/interests" class="add-interests">Add Interests</a></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue