Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2025-07-07 08:19:49 +03:00
Code Issues Projects Releases Packages Wiki Activity

restyling file pickers button

Browse source
This commit is contained in:
Dmitry Tretyakov 2023-04-24 19:21:15 +07:00
parent fcb88efd6d
commit 75ab468f6e
4 changed files with 29 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Web/Presenters/templates/Group/Edit.xml
View file

@ -71,7 +71,8 @@
<span class="nobold">{_avatar}: </span> <span class="nobold">{_avatar}: </span>
</td> </td>
<td> <td>
<input type="file" name="ava" accept="image/*" /> <label class="button" style="">Обзор<input type="file" id="ava" name="ava" style="display: none;" onchange="filename.innerHTML=blob.value" /></label>
<div id="filename" style="margin-top: 10px;"></div>
</td> </td>
</tr> </tr>
<tr> <tr>

7
Web/Presenters/templates/Group/EditBackdrop.xml
View file

@ -37,9 +37,10 @@
<form method="POST" enctype="multipart/form-data"> <form method="POST" enctype="multipart/form-data">
<div id="backdropEditor"> <div id="backdropEditor">
<div id="backdropFilePicker"> <div id="backdropFilePicker">
<input type="file" accept="image/*" name="backdrop1" /> <label class="button" style="">Обзор<input type="file" accept="image/*" name="backdrop1" style="display: none;"></label>
<div id="spacer"></div> <div id="spacer" style="width: 366px;"></div>
<input type="file" accept="image/*" name="backdrop2" /> <label class="button" style="">Обзор<input type="file" accept="image/*" name="backdrop2" style="display: none;"></label>
<div id="spacer" style="width: 366px;"></div>
</div> </div>
</div> </div>

42
Web/Presenters/templates/User/Edit.xml
View file

@ -20,7 +20,7 @@
<b>Подтверждение номера телефона</b><br/> <b>Подтверждение номера телефона</b><br/>
Введите код для подтверждения смены номера: <a href="/edit/verify_phone">ввести код</a>. Введите код для подтверждения смены номера: <a href="/edit/verify_phone">ввести код</a>.
</div> </div>
<div class="tabs"> <div class="tabs">
<div n:attr="id => ($isMain ? 'activetabs' : 'ki')" class="tab"> <div n:attr="id => ($isMain ? 'activetabs' : 'ki')" class="tab">
<a n:attr="id => ($isMain ? 'act_tab_a' : 'ki')" href="/edit">{_main}</a> <a n:attr="id => ($isMain ? 'act_tab_a' : 'ki')" href="/edit">{_main}</a>
@ -38,10 +38,10 @@
<a n:attr="id => ($isBackDrop ? 'act_tab_a' : 'ki')" href="/edit?act=backdrop">{_backdrop_short}</a> <a n:attr="id => ($isBackDrop ? 'act_tab_a' : 'ki')" href="/edit?act=backdrop">{_backdrop_short}</a>
</div> </div>
</div> </div>
<div class="container_gray"> <div class="container_gray">
{if $isMain} {if $isMain}
<h4>{_main_information}</h4> <h4>{_main_information}</h4>
<form action="/edit?act=main" method="POST" enctype="multipart/form-data"> <form action="/edit?act=main" method="POST" enctype="multipart/form-data">
<table cellspacing="7" cellpadding="0" width="60%" border="0" align="center"> <table cellspacing="7" cellpadding="0" width="60%" border="0" align="center">
@ -133,7 +133,7 @@
<option value="7" {if $user->getPoliticalViews() == 7}selected{/if}>{_politViews_7}</option> <option value="7" {if $user->getPoliticalViews() == 7}selected{/if}>{_politViews_7}</option>
<option value="8" {if $user->getPoliticalViews() == 8}selected{/if}>{_politViews_8}</option> <option value="8" {if $user->getPoliticalViews() == 8}selected{/if}>{_politViews_8}</option>
<option value="9" {if $user->getPoliticalViews() == 9}selected{/if}>{_politViews_9}</option> <option value="9" {if $user->getPoliticalViews() == 9}selected{/if}>{_politViews_9}</option>
</select> </select>
</td> </td>
</tr> </tr>
@ -162,7 +162,7 @@
</tr> </tr>
<tr> <tr>
<td> <td>
</td> </td>
<td> <td>
<input type="hidden" name="hash" value="{$csrfToken}" /> <input type="hidden" name="hash" value="{$csrfToken}" />
@ -172,9 +172,9 @@
</tbody> </tbody>
</table> </table>
</form> </form>
{elseif $isContacts} {elseif $isContacts}
<h4>{_contact_information}</h4> <h4>{_contact_information}</h4>
<form action="/edit?act=contacts" method="POST" enctype="multipart/form-data"> <form action="/edit?act=contacts" method="POST" enctype="multipart/form-data">
<table cellspacing="7" cellpadding="0" width="60%" border="0" align="center"> <table cellspacing="7" cellpadding="0" width="60%" border="0" align="center">
@ -221,7 +221,7 @@
</tr> </tr>
<tr> <tr>
<td> <td>
</td> </td>
<td> <td>
<input type="hidden" name="hash" value="{$csrfToken}" /> <input type="hidden" name="hash" value="{$csrfToken}" />
@ -231,9 +231,9 @@
</tbody> </tbody>
</table> </table>
</form> </form>
{elseif $isInterests} {elseif $isInterests}
<h4>{_personal_information}</h4> <h4>{_personal_information}</h4>
<form action="/edit?act=interests" method="POST" enctype="multipart/form-data"> <form action="/edit?act=interests" method="POST" enctype="multipart/form-data">
<table cellspacing="7" cellpadding="0" width="60%" border="0" align="center"> <table cellspacing="7" cellpadding="0" width="60%" border="0" align="center">
@ -296,7 +296,7 @@
</tr> </tr>
<tr> <tr>
<td> <td>
</td> </td>
<td> <td>
<input type="hidden" name="hash" value="{$csrfToken}" /> <input type="hidden" name="hash" value="{$csrfToken}" />
@ -306,9 +306,9 @@
</tbody> </tbody>
</table> </table>
</form> </form>
{elseif $isAvatar} {elseif $isAvatar}
<h4>{_profile_picture}</h4> <h4>{_profile_picture}</h4>
<form action="/al_avatars" method="POST" enctype="multipart/form-data"> <form action="/al_avatars" method="POST" enctype="multipart/form-data">
<table cellspacing="7" cellpadding="0" width="60%" border="0" align="center"> <table cellspacing="7" cellpadding="0" width="60%" border="0" align="center">
@ -318,12 +318,13 @@
<span class="nobold">{_picture}: </span> <span class="nobold">{_picture}: </span>
</td> </td>
<td> <td>
<input type="file" name="blob" accept="image/*" /> <label class="button" style="">Обзор<input type="file" id="blob" name="blob" style="display: none;" onchange="filename.innerHTML=blob.value" /></label>
<div id="filename" style="margin-top: 10px;"></div>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
</td> </td>
<td> <td>
<input type="hidden" name="hash" value="{$csrfToken}" /> <input type="hidden" name="hash" value="{$csrfToken}" />
@ -333,7 +334,7 @@
</tbody> </tbody>
</table> </table>
</form> </form>
{elseif $isBackDrop} {elseif $isBackDrop}
<h4>{_backdrop}</h4> <h4>{_backdrop}</h4>
@ -341,9 +342,10 @@
<form method="POST" enctype="multipart/form-data"> <form method="POST" enctype="multipart/form-data">
<div id="backdropEditor"> <div id="backdropEditor">
<div id="backdropFilePicker"> <div id="backdropFilePicker">
<input type="file" accept="image/*" name="backdrop1" /> <label class="button" style="">Обзор<input type="file" accept="image/*" name="backdrop1" style="display: none;"></label>
<div id="spacer"></div> <div id="spacer" style="width: 366px;"></div>
<input type="file" accept="image/*" name="backdrop2" /> <label class="button" style="">Обзор<input type="file" accept="image/*" name="backdrop2" style="display: none;"></label>
<div id="spacer" style="width: 366px;"></div>
</div> </div>
</div> </div>
@ -366,5 +368,5 @@
{/if} {/if}
</div> </div>
{/block} {/block}

1
Web/static/css/style.css
View file

@ -231,6 +231,7 @@ h1 {
position: absolute; position: absolute;
top: 140px; top: 140px;
padding: 0 19px; padding: 0 19px;
margin: 24px;
} }
#backdropFilePicker > input { #backdropFilePicker > input {