<commit_before><%@ include file="/header.jsp" %> 

<link href="<c:url value="/css/bootstrap-fileupload.min.css"/>" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="<c:url value='/js/bootstrap-fileupload.min.js'/>"></script>

<h1>${userInfo.user.name}: <fmt:message key="your_musics"/></h1>

<div class="well">

	<form action="<c:url value="/musics"/>" class="form form-music" enctype="multipart/form-data" method="post">
		<label for="title"><fmt:message key="music.title"/>
		</label>
			<input type="text" name="music.title" value="${music.title}"/>
		
		<label for="description"><fmt:message key="music.description"/>
		</label>
			<input type="text" name="music.description" value="${music.description}"/>
		
		<label for="type"><fmt:message key="music.type"/>
		</label>
			<select name="music.type" id="type">
				<c:forEach items="${musicTypes}" var="type">
					<option value="${type}"><fmt:message key="${type}"/></option>
				</c:forEach>
			</select>
		
		<label for="upload"><fmt:message key="music.upload"/>
		</label>
		<div class="fileupload fileupload-new div-inline" data-provides="fileupload">
			<div class="input-append">
				<div class="uneditable-input span3 div-inline">
					<i class="icon-file fileupload-exists"></i> 
					<span class="fileupload-preview"></span>
				</div><span class="btn btn-file">
				<span class="fileupload-new">Select file</span>
				<span class="fileupload-exists">Change</span>
				<input type="file" id="upload" name="file"/></span>
				<a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
			</div>
		</div>
					
		<button type="submit" class="btn btn-primary "><fmt:message key="add_music"/></button>
	</form>
</div>

<table class="table table-striped table-bordered table-hover">
	<thead>
		<tr>
			<th>Title</th>
			<th>Description</th>
			<th>Type</th>
			<th>Download</th>
		</tr>
	</thead>
	<tbody>
		<c:forEach var="music" items="${userInfo.user.musics}" varStatus="s">
			<tr>
				<td><a href="<c:url value="/musics/${music.id}"/>">${music.title}</a></td>
				<td>${music.description}</td>
				<td><fmt:message key="${music.type}"/></td>
				<td><a href="<c:url value="/musics/download/${music.id}"/>">download</a></td>
			</tr>
		</c:forEach>
	</tbody>
</table>

<%@ include file="/footer.jsp" %> <commit_msg>css for file upload<commit_after><%@ include file="/header.jsp" %> 

<link href="<c:url value="/css/bootstrap-fileupload.min.css"/>" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="<c:url value='/js/bootstrap-fileupload.min.js'/>"></script>

<h1>${userInfo.user.name}: <fmt:message key="your_musics"/></h1>

<div class="well">

	<form action="<c:url value="/musics"/>" class="form form-music" enctype="multipart/form-data" method="post">
		<label for="title"><fmt:message key="music.title"/>
		</label>
			<input type="text" name="music.title" value="${music.title}"/>
		
		<label for="description"><fmt:message key="music.description"/>
		</label>
			<input type="text" name="music.description" value="${music.description}"/>
		
		<label for="type"><fmt:message key="music.type"/>
		</label>
			<select name="music.type" id="type">
				<c:forEach items="${musicTypes}" var="type">
					<option value="${type}"><fmt:message key="${type}"/></option>
				</c:forEach>
			</select>
			
			<div class="fileupload fileupload-new" data-provides="fileupload">
				<label for="upload"><fmt:message key="music.upload"/>
				</label>
  				<span class="btn btn-file">
  					<span class="fileupload-new">Select file</span>
  					<span class="fileupload-exists">Change</span>
  					<input type="file" name="file" />
  				</span>
  				<span class="fileupload-preview"></span>
  				<a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none"></a>
			</div>
			<button type="submit" class="btn btn-primary pull-left"><fmt:message key="add_music"/></button>
	</form>
</div>

<table class="table table-striped table-bordered table-hover">
	<thead>
		<tr>
			<th>Title</th>
			<th>Description</th>
			<th>Type</th>
			<th>Download</th>
		</tr>
	</thead>
	<tbody>
		<c:forEach var="music" items="${userInfo.user.musics}" varStatus="s">
			<tr>
				<td><a href="<c:url value="/musics/${music.id}"/>">${music.title}</a></td>
				<td>${music.description}</td>
				<td><fmt:message key="${music.type}"/></td>
				<td><a href="<c:url value="/musics/download/${music.id}"/>">download</a></td>
			</tr>
		</c:forEach>
	</tbody>
</table>

<%@ include file="/footer.jsp" %> 
{'fraction_non_alphanumeric': 0.23862129916040653, 'fraction_numerical': 0.001104728236853734, 'mean_word_length': 4.534229828850855, 'pattern_counts': {'":': 0, '<': 183, '<?xml version=': 0, '>': 183, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5324502', 'n_tokens_mistral': 1823, 'n_tokens_neox': 1580, 'n_words': 266}