mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-06-26 03:30:48 +03:00
Synio
* Переделаны модальные окна используя новый плагин * Добавлены табы * Мелкие исправления
This commit is contained in:
Denis Shakhov
parent
87bda2a925
commit
484a850bd0
|
|
@ -481,7 +481,6 @@ $config['head']['default']['js'] = array(
|
|||
"___path.root.engine_lib___/external/jquery/jquery.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery-ui.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.notifier.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.jqmodal.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.scrollto.js",
|
||||
"___path.root.engine_lib___/external/jquery/jquery.rich-array.min.js",
|
||||
"___path.root.engine_lib___/external/jquery/markitup/jquery.markitup.js",
|
||||
|
|
@ -516,6 +515,8 @@ $config['head']['default']['js'] = array(
|
|||
"___path.root.server___/templates/framework/js/toolbar.js",
|
||||
"___path.root.server___/templates/framework/js/settings.js",
|
||||
"___path.root.server___/templates/framework/js/topic.js",
|
||||
"___path.root.server___/templates/framework/js/tab.js",
|
||||
"___path.root.server___/templates/framework/js/modal.js",
|
||||
"___path.root.server___/templates/framework/js/hook.js",
|
||||
"http://yandex.st/share/share.js" => array('merge'=>false),
|
||||
);
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
|
||||
/* Close button */
|
||||
.modal .modal-close:before,
|
||||
.modal .close:before { display: block; content: "×";}
|
||||
.modal .close:before { display: block; content: "×"; }
|
||||
.modal .modal-close,
|
||||
.modal .close {
|
||||
position: absolute;
|
||||
|
|
@ -40,7 +40,13 @@
|
|||
|
||||
|
||||
/* Header */
|
||||
.modal .modal-header { background: #fafafa; border-bottom: 1px solid #f7f7f7; padding: 5px 20px; position: relative; }
|
||||
.modal .modal-header {
|
||||
background: #fafafa;
|
||||
border-bottom: 1px solid #f7f7f7;
|
||||
padding: 5px 20px;
|
||||
position: relative;
|
||||
min-height: 10px;
|
||||
}
|
||||
.modal .modal-header h3 { font-size: 20px; font-weight: bold; margin-right: 20px; }
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<h2 class="page-header">{$aLang.user_field_admin_title}</h2>
|
||||
|
||||
<a href="#" data-type="modal-toggle" data-modal-target="userfield_form" class="link-dotted">{$aLang.user_field_add}</a>
|
||||
<a href="javascript:ls.userfield.showAddForm()" class="link-dotted">{$aLang.user_field_add}</a>
|
||||
<br /><br />
|
||||
|
||||
<ul class="userfield-list" id="user_field_list">
|
||||
|
|
|
|||
|
|
@ -3,9 +3,10 @@
|
|||
|
||||
Available options:
|
||||
------------------
|
||||
noContent (bool) - Don't show content
|
||||
noFooter (bool) - Don't show footer
|
||||
noCancel (bool) - Don't show cancel button
|
||||
noTitle (bool) - Hide content
|
||||
noContent (bool) - Hide content
|
||||
noFooter (bool) - Hide footer
|
||||
noCancel (bool) - Hide cancel button
|
||||
*}
|
||||
|
||||
{block name='options'}{/block}
|
||||
|
|
@ -13,7 +14,7 @@
|
|||
|
||||
<div class="modal {block name='class'}{/block}" id="{block name='id'}{/block}" data-type="modal">
|
||||
<header class="modal-header">
|
||||
<h3>{block name='title'}Modal window{/block}</h3>
|
||||
{if !$noTitle}<h3>{block name='title'}Modal window{/block}</h3>{/if}
|
||||
<a href="#" class="modal-close" data-type="modal-close"></a>
|
||||
</header>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
{block name='content'}
|
||||
<form action="{router page='blog'}delete/{$oBlog->getId()}/" method="POST" id="js-blog-delete-form">
|
||||
<p><label for="topic_move_to">{$aLang.blog_admin_delete_move}:</label>
|
||||
<label for="topic_move_to">{$aLang.blog_admin_delete_move}:</label>
|
||||
<select name="topic_move_to" id="topic_move_to" class="input-width-full">
|
||||
<option value="-1">{$aLang.blog_delete_clear}</option>
|
||||
{if $aBlogs}
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
{/foreach}
|
||||
</optgroup>
|
||||
{/if}
|
||||
</select></p>
|
||||
</select>
|
||||
|
||||
<input type="hidden" value="{$LIVESTREET_SECURITY_KEY}" name="security_ls_key" />
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@
|
|||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="submit" class="button button-primary" onclick="ls.ajaxUploadImg('block_upload_img_content_pc','{$sToLoad}');">{$aLang.uploadimg_submit}</button>
|
||||
<button type="submit" class="button button-primary" onclick="ls.ajaxUploadImg('tab-upload-pc','{$sToLoad}');">{$aLang.uploadimg_submit}</button>
|
||||
<button type="button" class="button" data-type="modal-close">{$aLang.uploadimg_cancel}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
|
||||
<div class="modal-footer">
|
||||
<button type="submit" class="button button-primary" onclick="ls.topic.insertImageToEditor(jQuery('#img_url').val(),jQuery('#form-image-url-align').val(),jQuery('#form-image-url-title').val());">{$aLang.uploadimg_link_submit_paste}</button>
|
||||
<button type="submit" class="button button-primary" onclick="ls.ajaxUploadImg('block_upload_img_content_link','{$sToLoad}');">{$aLang.uploadimg_link_submit_load}</button>
|
||||
<button type="submit" class="button button-primary" onclick="ls.ajaxUploadImg('tab-upload-link','{$sToLoad}');">{$aLang.uploadimg_link_submit_load}</button>
|
||||
<button type="button" class="button" data-type="modal-close">{$aLang.uploadimg_cancel}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -1,42 +1,11 @@
|
|||
{include file='header.tpl'}
|
||||
{include file='modals/modal_userfields.tpl'}
|
||||
|
||||
|
||||
<h2 class="page-header">{$aLang.user_field_admin_title}</h2>
|
||||
|
||||
|
||||
<div class="modal" id="userfield_form">
|
||||
<header class="modal-header">
|
||||
<h3>{$aLang.user_field_admin_title_add}</h3>
|
||||
<a href="#" class="close jqmClose"></a>
|
||||
</header>
|
||||
|
||||
<form class="modal-content">
|
||||
<p><label for="user_fields_form_type">{$aLang.userfield_form_type}:</label>
|
||||
<select id="user_fields_form_type" class="input-text input-width-full">
|
||||
<option value=""></option>
|
||||
{foreach from=$aUserFieldTypes item=sFieldType}
|
||||
<option value="{$sFieldType}">{$sFieldType}</option>
|
||||
{/foreach}
|
||||
</select></p>
|
||||
|
||||
<p><label for="user_fields_form_name">{$aLang.userfield_form_name}:</label>
|
||||
<input type="text" id="user_fields_form_name" class="input-text input-width-full" /></p>
|
||||
|
||||
<p><label for="user_fields_form_title">{$aLang.userfield_form_title}:</label>
|
||||
<input type="text" id="user_fields_form_title" class="input-text input-width-full" /></p>
|
||||
|
||||
<p><label for="user_fields_form_pattern">{$aLang.userfield_form_pattern}:</label>
|
||||
<input type="text" id="user_fields_form_pattern" class="input-text input-width-full" /></p>
|
||||
|
||||
<input type="hidden" id="user_fields_form_action" />
|
||||
<input type="hidden" id="user_fields_form_id" />
|
||||
|
||||
<button type="button" onclick="ls.userfield.applyForm(); return false;" class="button button-primary">{$aLang.user_field_add}</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
<a href="javascript:ls.userfield.showAddForm()" class="link-dotted" id="userfield_form_show">{$aLang.user_field_add}</a>
|
||||
<a href="javascript:ls.userfield.showAddForm()" class="link-dotted">{$aLang.user_field_add}</a>
|
||||
<br /><br />
|
||||
|
||||
<ul class="userfield-list" id="user_field_list">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
{include file='header.tpl'}
|
||||
{include file='modals/modal_blog_delete.tpl'}
|
||||
|
||||
{assign var="oUserOwner" value=$oBlog->getOwner()}
|
||||
{assign var="oVote" value=$oBlog->getVote()}
|
||||
|
||||
|
|
@ -10,34 +12,6 @@
|
|||
</script>
|
||||
|
||||
|
||||
{if $oUserCurrent and $oUserCurrent->isAdministrator()}
|
||||
<div id="blog_delete_form" class="modal">
|
||||
<header class="modal-header">
|
||||
<h3>{$aLang.blog_admin_delete_title}</h3>
|
||||
<a href="#" class="close jqmClose"></a>
|
||||
</header>
|
||||
|
||||
|
||||
<form action="{router page='blog'}delete/{$oBlog->getId()}/" method="POST" class="modal-content">
|
||||
<p><label for="topic_move_to">{$aLang.blog_admin_delete_move}:</label>
|
||||
<select name="topic_move_to" id="topic_move_to" class="input-width-full">
|
||||
<option value="-1">{$aLang.blog_delete_clear}</option>
|
||||
{if $aBlogs}
|
||||
<optgroup label="{$aLang.blogs}">
|
||||
{foreach from=$aBlogs item=oBlogDelete}
|
||||
<option value="{$oBlogDelete->getId()}">{$oBlogDelete->getTitle()|escape:'html'}</option>
|
||||
{/foreach}
|
||||
</optgroup>
|
||||
{/if}
|
||||
</select></p>
|
||||
|
||||
<input type="hidden" value="{$LIVESTREET_SECURITY_KEY}" name="security_ls_key" />
|
||||
<button type="submit" class="button button-primary">{$aLang.blog_delete}</button>
|
||||
</form>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
<div class="blog-top">
|
||||
<h2 class="page-header">{$oBlog->getTitle()|escape:'html'} {if $oBlog->getType()=='close'} <i title="{$aLang.blog_closed}" class="icon-synio-topic-private"></i>{/if}</h2>
|
||||
|
||||
|
|
@ -144,7 +118,7 @@
|
|||
<li>
|
||||
<a href="{router page='blog'}edit/{$oBlog->getId()}/" title="{$aLang.blog_edit}" class="edit">{$aLang.blog_edit}</a></li>
|
||||
{if $oUserCurrent->isAdministrator()}
|
||||
<li><a href="#" title="{$aLang.blog_delete}" id="blog_delete_show" class="delete">{$aLang.blog_delete}</a>
|
||||
<li><a href="#" title="{$aLang.blog_delete}" data-type="modal-toggle" data-modal-target="modal-blog-delete" class="delete">{$aLang.blog_delete}</a>
|
||||
{else}
|
||||
<a href="{router page='blog'}delete/{$oBlog->getId()}/?security_ls_key={$LIVESTREET_SECURITY_KEY}" title="{$aLang.blog_delete}" onclick="return confirm('{$aLang.blog_admin_delete_confirm}');" >{$aLang.blog_delete}</a>
|
||||
{/if}
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
|
||||
|
||||
{include file='editor.tpl'}
|
||||
{include file='modals/modal_photoset_add_photo.tpl'}
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
|
@ -18,25 +19,6 @@
|
|||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<form id="photoset-upload-form" method="POST" enctype="multipart/form-data" onsubmit="return false;" class="modal modal-image-upload">
|
||||
<header class="modal-header">
|
||||
<h3>{$aLang.uploadimg}</h3>
|
||||
<a href="#" class="close jqmClose"></a>
|
||||
</header>
|
||||
|
||||
<div id="topic-photo-upload-input" class="topic-photo-upload-input modal-content">
|
||||
<label for="photoset-upload-file">{$aLang.topic_photoset_choose_image}:</label>
|
||||
<input type="file" id="photoset-upload-file" name="Filedata" /><br><br>
|
||||
|
||||
<button type="submit" class="button button-primary" onclick="ls.photoset.upload();">{$aLang.topic_photoset_upload_choose}</button>
|
||||
<button type="submit" class="button" onclick="ls.photoset.closeForm();">{$aLang.topic_photoset_upload_close}</button>
|
||||
|
||||
<input type="hidden" name="is_iframe" value="true" />
|
||||
<input type="hidden" name="topic_id" value="{$_aRequest.topic_id}" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
{hook run='add_topic_photoset_begin'}
|
||||
|
|
@ -114,7 +96,7 @@
|
|||
{/if}
|
||||
</ul>
|
||||
|
||||
<a href="javascript:ls.photoset.showForm()" id="photoset-start-upload">{$aLang.topic_photoset_upload_choose}</a>
|
||||
<a href="javascript:ls.photoset.showForm()" data-type="modal-toggle" data-modal-target="photoset-upload-form">{$aLang.topic_photoset_upload_choose}</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -9,20 +9,9 @@
|
|||
{elseif $oUserFriend and $oUserFriend->getFriendStatus()==$USER_FRIEND_OFFER+$USER_FRIEND_NULL and $oUserFriend->getUserTo()==$oUserCurrent->getId()}
|
||||
<li id="add_friend_item"><a href="#" title="{$aLang.user_friend_add}" onclick="return ls.user.addFriend(this,{$oUserProfile->getId()},'accept');">{$aLang.user_friend_add}</a></li>
|
||||
{elseif !$oUserFriend}
|
||||
<div id="add_friend_form" class="modal">
|
||||
<header class="modal-header">
|
||||
<h3>{$aLang.profile_add_friend}</h3>
|
||||
<a href="#" class="close jqmClose"></a>
|
||||
</header>
|
||||
|
||||
<form onsubmit="return ls.user.addFriend(this,{$oUserProfile->getId()},'add');" class="modal-content">
|
||||
<p><label for="add_friend_text">{$aLang.user_friend_add_text_label}</label>
|
||||
<textarea id="add_friend_text" rows="3" class="input-text input-width-full"></textarea></p>
|
||||
|
||||
<button type="submit" class="button button-primary">{$aLang.user_friend_add_submit}</button>
|
||||
</form>
|
||||
</div>
|
||||
<li id="add_friend_item"><a href="#" title="{$aLang.user_friend_add}" id="add_friend_show">{$aLang.user_friend_add}</a></li>
|
||||
{include file='modals/modal_add_friend.tpl'}
|
||||
|
||||
<li id="add_friend_item"><a href="#" title="{$aLang.user_friend_add}" data-type="modal-toggle" data-modal-target="add_friend_form">{$aLang.user_friend_add}</a></li>
|
||||
{else}
|
||||
<li id="add_friend_item"><a href="#" title="{$aLang.user_friend_add}" onclick="return ls.user.addFriend(this,{$oUserProfile->getId()},'link');">{$aLang.user_friend_add}</a></li>
|
||||
{/if}
|
||||
|
|
@ -1,4 +1,6 @@
|
|||
{hook run='profile_sidebar_begin' oUserProfile=$oUserProfile}
|
||||
{include file='modals/modal_profile_photo_upload.tpl'}
|
||||
|
||||
|
||||
<section class="block block-type-profile">
|
||||
<div class="profile-photo-wrapper">
|
||||
|
|
@ -19,27 +21,8 @@
|
|||
<a href="#" id="foto-upload" class="link-dotted">{if $oUserCurrent->getProfileFoto()}{$aLang.settings_profile_photo_change}{else}{$aLang.settings_profile_photo_upload}{/if}</a>
|
||||
<a href="#" id="foto-remove" class="link-dotted" onclick="return ls.user.removeFoto();" style="{if !$oUserCurrent->getProfileFoto()}display:none;{/if}">{$aLang.settings_profile_foto_delete}</a>
|
||||
</p>
|
||||
|
||||
<div class="modal modal-upload-photo" id="foto-resize">
|
||||
<header class="modal-header">
|
||||
<h3>{$aLang.settings_profile_avatar_resize_title}</h3>
|
||||
</header>
|
||||
|
||||
<div class="modal-content">
|
||||
<div class="clearfix">
|
||||
<div class="image-border">
|
||||
<img src="" alt="" id="foto-resize-original-img">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="button button-primary" onclick="return ls.user.resizeFoto();">{$aLang.settings_profile_avatar_resize_apply}</button>
|
||||
<button type="submit" class="button" onclick="return ls.user.cancelFoto();">{$aLang.settings_profile_avatar_resize_cancel}</button>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,6 @@
|
|||
{assign var="sidebarPosition" value='left'}
|
||||
{include file='header.tpl'}
|
||||
|
||||
|
||||
|
||||
|
||||
{include file='modals/modal_profile_avatar_upload.tpl'}
|
||||
{include file='menu.settings.tpl'}
|
||||
|
||||
|
||||
|
|
@ -37,22 +34,6 @@
|
|||
<a href="#" id="avatar-upload" class="link-dotted">{if $oUserCurrent->getProfileAvatar()}{$aLang.settings_profile_avatar_change}{else}{$aLang.settings_profile_avatar_upload}{/if}</a><br />
|
||||
<a href="#" id="avatar-remove" class="link-dotted" onclick="return ls.user.removeAvatar();" style="{if !$oUserCurrent->getProfileAvatar()}display:none;{/if}">{$aLang.settings_profile_avatar_delete}</a>
|
||||
</div>
|
||||
|
||||
<div id="avatar-resize" class="modal modal-upload-avatar">
|
||||
<header class="modal-header">
|
||||
<h3>{$aLang.settings_profile_avatar_resize_title}</h3>
|
||||
</header>
|
||||
|
||||
<div class="modal-content">
|
||||
<div class="clearfix">
|
||||
<div class="image-border">
|
||||
<img src="" alt="" id="avatar-resize-original-img">
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="button button-primary" onclick="return ls.user.resizeAvatar();">{$aLang.settings_profile_avatar_resize_apply}</button>
|
||||
<button type="submit" class="button" onclick="return ls.user.cancelAvatar();">{$aLang.settings_profile_avatar_resize_cancel}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,83 +1,119 @@
|
|||
/* --------------------------------------------
|
||||
MODALS
|
||||
-------------------------------------------- */
|
||||
/*
|
||||
* Modal
|
||||
*/
|
||||
|
||||
|
||||
/* Base class */
|
||||
.modal {
|
||||
display: none;
|
||||
|
||||
position: fixed;
|
||||
top: 25%;
|
||||
left: 50%;
|
||||
|
||||
width: 300px;
|
||||
margin-left: -150px;
|
||||
|
||||
color: #333;
|
||||
background-color: #fbfcfc;
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); box-shadow: 0 0 15px rgba(0,0,0,.5);
|
||||
overflow: hidden;
|
||||
}
|
||||
.modal .close {
|
||||
position: absolute;
|
||||
|
||||
|
||||
/* Close button */
|
||||
.modal .modal-close:before,
|
||||
.modal .close:before { display: none; }
|
||||
.modal .close,
|
||||
.modal .modal-close {
|
||||
top: 7px;
|
||||
right: 8px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background: url(../images/icons-synio.png) no-repeat -131px -39px;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
.modal .close:hover { background-position: -131px -55px; }
|
||||
.modal .modal-header { padding: 15px 30px 0; }
|
||||
.modal .modal-header h3 { font-size: 20px; font-weight: bold; margin-right: 20px; }
|
||||
.modal .close:hover,
|
||||
.modal .modal-close:hover { background-position: -131px -55px; }
|
||||
|
||||
|
||||
/* Header */
|
||||
.modal .modal-header { padding: 15px 30px 0; border: 0; background: transparent; }
|
||||
|
||||
|
||||
/* Nav */
|
||||
.modal > .nav { padding: 20px 30px 0; margin-bottom: 0; }
|
||||
|
||||
|
||||
/* Content */
|
||||
.modal .modal-content { padding: 30px 30px; }
|
||||
|
||||
.jqmOverlay { background-color: #000; }
|
||||
|
||||
* html .modal { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }
|
||||
/* Footer */
|
||||
.modal .modal-footer { padding: 0 30px 30px; border: 0; background: transparent; }
|
||||
|
||||
|
||||
|
||||
/* Login */
|
||||
.modal.modal-login { width: 450px; margin-left: -225px; top: 50px; }
|
||||
.modal.modal-login .nav { margin-bottom: 30px; }
|
||||
.modal.modal-login .modal-header { margin-bottom: 0; }
|
||||
.modal.modal-login .modal-content { padding-top: 15px; }
|
||||
.modal.modal-login .remember-label { font-size: 11px; color: #6c7272; }
|
||||
.modal.modal-login .remember-label input { top: 2px; }
|
||||
.modal.modal-login .icon-question-sign { position: relative; top: -3px; }
|
||||
.modal.modal-login .icon-ok-green { position: relative; top: -1px; }
|
||||
.modal.modal-login .js-block-popup-login-content .button { position: relative; top: -1px; margin-left: 1px; }
|
||||
.ie .modal.modal-login .js-block-popup-login-content .button { margin-left: 1px; }
|
||||
/* Login
|
||||
-------------------------------------------------- */
|
||||
.modal.modal-login { width: 450px; }
|
||||
.modal.modal-login .nav { margin-bottom: 30px; }
|
||||
.modal.modal-login .modal-header { margin-bottom: 0; }
|
||||
.modal.modal-login .modal-content { padding-top: 15px; }
|
||||
.modal.modal-login .remember-label { font-size: 11px; color: #6c7272; }
|
||||
.modal.modal-login .remember-label input { top: 2px; }
|
||||
.modal.modal-login .icon-question-sign { position: relative; top: -3px; }
|
||||
.modal.modal-login .icon-ok-green { position: relative; top: -1px; }
|
||||
.modal.modal-login .modal-content .button { position: relative; top: -1px; margin-left: 1px; }
|
||||
.ie .modal.modal-login .modal-content .button { margin-left: 1px; }
|
||||
|
||||
|
||||
/* Write */
|
||||
.modal.modal-write { width: 620px; margin-left: -310px; top: 70px; background: #e0eff9; }
|
||||
.modal.modal-write .modal-content { padding: 20px 10px 20px; *padding: 20px 10px 25px; }
|
||||
.modal.modal-write .write-list { *overflow: hidden; *zoom: 1; }
|
||||
.modal.modal-write .write-list li { width: 125px; margin: 0 10px 20px; font-size: 19px; font-family: 'PT Sans', sans-serif; text-align: center; overflow: hidden; display: inline-table; *float: left; }
|
||||
.modal.modal-write .write-list li a { color: #727a90; }
|
||||
.modal.modal-write .write-list li:hover a { color: #275ec2; }
|
||||
.modal.modal-write .write-list li .write-item-image { display: block; margin: 0 auto; width: 115px; height: 115px; border-radius: 3px; text-align: center; background: url(../images/write.png) no-repeat; margin-bottom: 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-draft { padding-right: 20px; margin-right: 0; border-right: 1px dotted #aac6d9; }
|
||||
|
||||
.modal.modal-write .write-list li.write-item-type-topic .write-item-image { background-position: 0 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-poll .write-item-image { background-position: -115px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-link .write-item-image { background-position: -230px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-message .write-item-image { background-position: -345px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-blog .write-item-image { background-position: -115px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-draft .write-item-image { background-position: -578px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-topic:hover .write-item-image { background-position: 0 -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-poll:hover .write-item-image { background-position: -115px -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-link:hover .write-item-image { background-position: -230px -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-message:hover .write-item-image { background-position: -345px -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-blog:hover .write-item-image { background-position: -115px -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-draft:hover .write-item-image { background-position: -578px -115px; }
|
||||
|
||||
|
||||
/* Upload Image */
|
||||
.modal.modal-image-upload { width: 500px; margin-left: -250px; }
|
||||
.modal.modal-upload-photo .image-border, .modal.modal-upload-avatar .image-border { float: left; border-radius: 5px; background: #fff; padding: 5px; margin-bottom: 15px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); }
|
||||
#avatar-resize-original-img { max-width: 200px; width: 100%; }
|
||||
/* Write
|
||||
-------------------------------------------------- */
|
||||
.modal.modal-write { width: 620px; background: #e0eff9; }
|
||||
.modal.modal-write .modal-content { padding: 10px 10px 20px; *padding: 10px 10px 25px; }
|
||||
.modal.modal-write .write-list { *overflow: hidden; *zoom: 1; }
|
||||
.modal.modal-write .write-list li {
|
||||
width: 125px;
|
||||
margin: 0 10px 20px;
|
||||
font-size: 19px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
display: inline-table;
|
||||
*float: left;
|
||||
}
|
||||
.modal.modal-write .write-list li a { color: #727a90; }
|
||||
.modal.modal-write .write-list li:hover a { color: #275ec2; }
|
||||
.modal.modal-write .write-list li .write-item-image {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 115px;
|
||||
height: 115px;
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
background: url(../images/write.png) no-repeat;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.modal.modal-write .write-list li.write-item-type-draft { padding-right: 20px; margin-right: 0; border-right: 1px dotted #aac6d9; }
|
||||
|
||||
.modal.modal-write .write-list li.write-item-type-topic .write-item-image { background-position: 0 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-poll .write-item-image { background-position: -115px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-link .write-item-image { background-position: -230px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-message .write-item-image { background-position: -345px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-blog .write-item-image { background-position: -115px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-draft .write-item-image { background-position: -578px 0; }
|
||||
.modal.modal-write .write-list li.write-item-type-topic:hover .write-item-image { background-position: 0 -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-poll:hover .write-item-image { background-position: -115px -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-link:hover .write-item-image { background-position: -230px -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-message:hover .write-item-image { background-position: -345px -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-blog:hover .write-item-image { background-position: -115px -115px; }
|
||||
.modal.modal-write .write-list li.write-item-type-draft:hover .write-item-image { background-position: -578px -115px; }
|
||||
|
||||
|
||||
/* Upload Image
|
||||
-------------------------------------------------- */
|
||||
.modal.modal-image-upload { width: 500px; }
|
||||
.modal.modal-upload-photo .image-border,
|
||||
.modal.modal-upload-avatar .image-border {
|
||||
float: left;
|
||||
border-radius: 5px;
|
||||
background: #fff;
|
||||
padding: 5px;
|
||||
margin-bottom: 15px;
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
|
||||
box-shadow: 0 0 5px rgba(0,0,0,.2);
|
||||
}
|
||||
#avatar-resize-original-img { max-width: 200px; width: 100%; }
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
{if !$sImgToLoad}
|
||||
{assign var="sImgToLoad" value="topic_text"}
|
||||
{/if}
|
||||
{include file='window_load_img.tpl' sToLoad=$sImgToLoad}
|
||||
{include file='modals/modal_load_img.tpl' sToLoad=$sImgToLoad}
|
||||
|
||||
{if !$sSettingsTinymce}
|
||||
{assign var="sSettingsMarkitup" value="ls.settings.getMarkitup()"}
|
||||
|
|
|
|||
|
|
@ -114,10 +114,10 @@
|
|||
|
||||
|
||||
{if $oUserCurrent}
|
||||
{include file='window_write.tpl'}
|
||||
{include file='window_favourite_form_tags.tpl'}
|
||||
{include file='modals/modal_write.tpl'}
|
||||
{include file='modals/modal_favourite_form_tags.tpl'}
|
||||
{else}
|
||||
{include file='window_login.tpl'}
|
||||
{include file='modals/modal_login.tpl'}
|
||||
{/if}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -54,8 +54,8 @@
|
|||
{else}
|
||||
<ul class="auth">
|
||||
{hook run='userbar_item'}
|
||||
<li><a href="{router page='registration'}" class="js-registration-form-show">{$aLang.registration_submit}</a></li>
|
||||
<li><a href="{router page='login'}" class="js-login-form-show sign-in">{$aLang.user_login_submit}</a></li>
|
||||
<li><a href="{router page='registration'}" onclick="jQuery('#modal-login').modalShow({ onShow: $('[data-tab-target=tab-pane-registration]').tabActivate(), center: false }); return false;">{$aLang.registration_submit}</a></li>
|
||||
<li><a href="{router page='login'}" onclick="jQuery('#modal-login').modalShow({ onShow: $('[data-tab-target=tab-pane-login]').tabActivate(), center: false }); return false;">{$aLang.user_login_submit}</a></li>
|
||||
</ul>
|
||||
{/if}
|
||||
|
||||
|
|
|
|||
|
|
@ -21,19 +21,6 @@ jQuery(document).ready(function($){
|
|||
}
|
||||
}
|
||||
|
||||
// Всплывающие окна
|
||||
$('#window_login_form').jqm();
|
||||
$('#blog_delete_form').jqm({trigger: '#blog_delete_show', toTop: true});
|
||||
$('#add_friend_form').jqm({trigger: '#add_friend_show', toTop: true});
|
||||
$('#window_upload_img').jqm();
|
||||
$('#userfield_form').jqm();
|
||||
$('#favourite-form-tags').jqm();
|
||||
$('#modal_write').jqm({trigger: '.js-write-window-show'});
|
||||
$('#foto-resize').jqm({modal: true, toTop: true});
|
||||
$('#avatar-resize').jqm({modal: true, toTop: true});
|
||||
$('#userfield_form').jqm({toTop: true});
|
||||
$('#photoset-upload-form').jqm({trigger: '#photoset-start-upload'});
|
||||
|
||||
$('.js-registration-form-show').click(function(){
|
||||
if (ls.blocks.switchTab('registration','popup-login')) {
|
||||
$('#window_login_form').jqmShow();
|
||||
|
|
|
|||
15
templates/skin/synio/modals/modal_add_friend.tpl
Normal file
15
templates/skin/synio/modals/modal_add_friend.tpl
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}add_friend_form{/block}
|
||||
{block name='title'}{$aLang.profile_add_friend}{/block}
|
||||
|
||||
{block name='content'}
|
||||
<form onsubmit="return ls.user.addFriend(this,{$oUserProfile->getId()},'add');">
|
||||
<label for="add_friend_text">{$aLang.user_friend_add_text_label}</label>
|
||||
<textarea id="add_friend_text" rows="3" class="input-text input-width-full"></textarea>
|
||||
</form>
|
||||
{/block}
|
||||
|
||||
{block name='footer'}
|
||||
<button type="submit" class="button button-primary" onclick="jQuery('#add_friend_form').submit()">{$aLang.user_friend_add_submit}</button>
|
||||
{/block}
|
||||
42
templates/skin/synio/modals/modal_base.tpl
Normal file
42
templates/skin/synio/modals/modal_base.tpl
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
{*
|
||||
MODAL BASE TEMPLATE
|
||||
|
||||
Available options:
|
||||
------------------
|
||||
noTitle (bool) - Hide content
|
||||
noContent (bool) - Hide content
|
||||
noFooter (bool) - Hide footer
|
||||
noCancel (bool) - Hide cancel button
|
||||
*}
|
||||
|
||||
{block name='options'}{/block}
|
||||
|
||||
|
||||
<div class="modal {block name='class'}{/block}" id="{block name='id'}{/block}" data-type="modal">
|
||||
<header class="modal-header">
|
||||
{if !$noTitle}<h3>{block name='title'}Modal window{/block}</h3>{/if}
|
||||
<a href="#" class="modal-close" data-type="modal-close"></a>
|
||||
</header>
|
||||
|
||||
{block name='header_after'}{/block}
|
||||
|
||||
{if !$noContent}
|
||||
<div class="modal-content">
|
||||
{block name='content'}{/block}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{block name='content_after'}{/block}
|
||||
|
||||
{if !$noFooter}
|
||||
<div class="modal-footer">
|
||||
{block name='footer'}{/block}
|
||||
|
||||
{if !$noCancel}
|
||||
<button type="button" class="button" data-type="modal-close" />{$aLang.favourite_form_tags_button_cancel}</button>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
{block name='footer_after'}{/block}
|
||||
{/if}
|
||||
</div>
|
||||
26
templates/skin/synio/modals/modal_blog_delete.tpl
Normal file
26
templates/skin/synio/modals/modal_blog_delete.tpl
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}modal-blog-delete{/block}
|
||||
{block name='title'}{$aLang.blog_admin_delete_title}{/block}
|
||||
|
||||
{block name='content'}
|
||||
<form action="{router page='blog'}delete/{$oBlog->getId()}/" method="POST" id="js-blog-delete-form">
|
||||
<p><label for="topic_move_to">{$aLang.blog_admin_delete_move}:</label>
|
||||
<select name="topic_move_to" id="topic_move_to" class="input-width-full">
|
||||
<option value="-1">{$aLang.blog_delete_clear}</option>
|
||||
{if $aBlogs}
|
||||
<optgroup label="{$aLang.blogs}">
|
||||
{foreach from=$aBlogs item=oBlogDelete}
|
||||
<option value="{$oBlogDelete->getId()}">{$oBlogDelete->getTitle()|escape:'html'}</option>
|
||||
{/foreach}
|
||||
</optgroup>
|
||||
{/if}
|
||||
</select></p>
|
||||
|
||||
<input type="hidden" value="{$LIVESTREET_SECURITY_KEY}" name="security_ls_key" />
|
||||
</form>
|
||||
{/block}
|
||||
|
||||
{block name='footer'}
|
||||
<button type="submit" class="button button-primary" onclick="jQuery('#js-blog-delete-form').submit()">{$aLang.blog_delete}</button>
|
||||
{/block}
|
||||
17
templates/skin/synio/modals/modal_favourite_form_tags.tpl
Normal file
17
templates/skin/synio/modals/modal_favourite_form_tags.tpl
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}favourite-form-tags{/block}
|
||||
{block name='title'}{$aLang.add_favourite_tags}{/block}
|
||||
|
||||
{block name='content'}
|
||||
<form onsubmit="return ls.favourite.saveTags(this);">
|
||||
<input type="hidden" name="target_type" value="" id="favourite-form-tags-target-type">
|
||||
<input type="hidden" name="target_id" value="" id="favourite-form-tags-target-id">
|
||||
|
||||
<input type="text" name="tags" value="" id="favourite-form-tags-tags" class="autocomplete-tags-sep input-text input-width-full">
|
||||
</form>
|
||||
{/block}
|
||||
|
||||
{block name='footer'}
|
||||
<button type="submit" class="button button-primary" onclick="jQuery('#js-favourite-form').submit()" />{$aLang.favourite_form_tags_button_save}</button>
|
||||
{/block}
|
||||
80
templates/skin/synio/modals/modal_load_img.tpl
Normal file
80
templates/skin/synio/modals/modal_load_img.tpl
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='options'}
|
||||
{assign var='noContent' value=true}
|
||||
{assign var='noFooter' value=true}
|
||||
{/block}
|
||||
|
||||
{block name='id'}window_upload_img{/block}
|
||||
{block name='class'}modal-image-upload{/block}
|
||||
{block name='title'}{$aLang.uploadimg}{/block}
|
||||
|
||||
{block name='header_after'}
|
||||
<ul class="nav nav-pills nav-pills-tabs" data-toggle="tabs">
|
||||
<li data-toggle="tab" data-tab-target="tab-upload-pc"><a href="#">{$aLang.uploadimg_from_pc}</a></li>
|
||||
<li data-toggle="tab" data-tab-target="tab-upload-link"><a href="#">{$aLang.uploadimg_from_link}</a></li>
|
||||
</ul>
|
||||
{/block}
|
||||
|
||||
{block name='content_after'}
|
||||
<div data-toggle="tab-content">
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="tab-upload-pc" onsubmit="return false;" data-toggle="tab-pane">
|
||||
<div class="modal-content">
|
||||
<p><label for="img_file">{$aLang.uploadimg_file}:</label>
|
||||
<input type="file" name="img_file" id="img_file" value="" class="input-text input-width-full" /></p>
|
||||
|
||||
{hook run="uploadimg_source"}
|
||||
|
||||
<p>
|
||||
<label for="form-image-align">{$aLang.uploadimg_align}:</label>
|
||||
<select name="align" id="form-image-align" class="input-width-full">
|
||||
<option value="">{$aLang.uploadimg_align_no}</option>
|
||||
<option value="left">{$aLang.uploadimg_align_left}</option>
|
||||
<option value="right">{$aLang.uploadimg_align_right}</option>
|
||||
<option value="center">{$aLang.uploadimg_align_center}</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p><label for="form-image-title">{$aLang.uploadimg_title}:</label>
|
||||
<input type="text" name="title" id="form-image-title" value="" class="input-text input-width-full" /></p>
|
||||
|
||||
{hook run="uploadimg_additional"}
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="submit" class="button button-primary" onclick="ls.ajaxUploadImg('tab-upload-pc','{$sToLoad}');">{$aLang.uploadimg_submit}</button>
|
||||
<button type="submit" class="button" data-type="modal-close">{$aLang.uploadimg_cancel}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="tab-upload-link" onsubmit="return false;" data-toggle="tab-pane">
|
||||
<div class="modal-content">
|
||||
<p><label for="img_file">{$aLang.uploadimg_url}:</label>
|
||||
<input type="text" name="img_url" id="img_url" value="http://" class="input-text input-width-full" /></p>
|
||||
|
||||
<p>
|
||||
<label for="form-image-url-align">{$aLang.uploadimg_align}:</label>
|
||||
<select name="align" id="form-image-url-align" class="input-width-full">
|
||||
<option value="">{$aLang.uploadimg_align_no}</option>
|
||||
<option value="left">{$aLang.uploadimg_align_left}</option>
|
||||
<option value="right">{$aLang.uploadimg_align_right}</option>
|
||||
<option value="center">{$aLang.uploadimg_align_center}</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p><label for="form-image-url-title">{$aLang.uploadimg_title}:</label>
|
||||
<input type="text" name="title" id="form-image-url-title" value="" class="input-text input-width-full" /></p>
|
||||
|
||||
{hook run="uploadimg_link_additional"}
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="submit" class="button button-primary" onclick="ls.topic.insertImageToEditor(jQuery('#img_url').val(),jQuery('#form-image-url-align').val(),jQuery('#form-image-url-title').val());">{$aLang.uploadimg_link_submit_paste}</button>
|
||||
{$aLang.or}
|
||||
<button type="submit" class="button button-primary" onclick="ls.ajaxUploadImg('tab-upload-link','{$sToLoad}');">{$aLang.uploadimg_link_submit_load}</button>
|
||||
<button type="submit" class="button" data-type="modal-close">{$aLang.uploadimg_cancel}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{/block}
|
||||
145
templates/skin/synio/modals/modal_login.tpl
Normal file
145
templates/skin/synio/modals/modal_login.tpl
Normal file
|
|
@ -0,0 +1,145 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='options'}
|
||||
{assign var='noFooter' value=true}
|
||||
{/block}
|
||||
|
||||
{block name='id'}modal-login{/block}
|
||||
{block name='class'}modal-login{/block}
|
||||
{block name='title'}{$aLang.user_authorization}{/block}
|
||||
|
||||
{block name='content'}
|
||||
<script type="text/javascript">
|
||||
jQuery(function($){
|
||||
$('#popup-login-form').bind('submit',function(){
|
||||
ls.user.login('popup-login-form');
|
||||
return false;
|
||||
});
|
||||
$('#popup-login-form-submit').attr('disabled',false);
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<ul class="nav nav-pills nav-pills-tabs" data-toggle="tabs">
|
||||
<li data-toggle="tab" data-tab-target="tab-pane-login"><a href="#">{$aLang.user_login_submit}</a></li>
|
||||
{if !$oConfig->GetValue('general.reg.invite')}
|
||||
<li data-toggle="tab" data-tab-target="tab-pane-registration"><a href="#">{$aLang.registration}</a></li>
|
||||
{else}
|
||||
<li><a href="{router page='registration'}">{$aLang.registration}</a></li>
|
||||
{/if}
|
||||
<li data-toggle="tab" data-tab-target="tab-pane-reminder"><a href="#">{$aLang.password_reminder}</a></li>
|
||||
</ul>
|
||||
|
||||
<div data-toggle="tab-content">
|
||||
<div id="tab-pane-login" data-toggle="tab-pane">
|
||||
{hook run='login_popup_begin'}
|
||||
<form action="{router page='login'}" method="post" id="popup-login-form">
|
||||
{hook run='form_login_popup_begin'}
|
||||
|
||||
<p><input type="text" name="login" id="popup-login" placeholder="{$aLang.user_login}" class="input-text input-width-full"></p>
|
||||
|
||||
<p><input type="password" name="password" id="popup-password" placeholder="{$aLang.user_password}" class="input-text input-width-300" style="width: 322px">
|
||||
<button type="submit" name="submit_login" class="button button-primary" id="popup-login-form-submit" disabled="disabled">{$aLang.user_login_submit}</button></p>
|
||||
|
||||
<label class="remember-label"><input type="checkbox" name="remember" class="input-checkbox" checked /> {$aLang.user_login_remember}</label>
|
||||
|
||||
<small class="validate-error-hide validate-error-login"></small>
|
||||
{hook run='form_login_popup_end'}
|
||||
|
||||
<input type="hidden" name="return-path" value="{$PATH_WEB_CURRENT}">
|
||||
</form>
|
||||
{hook run='login_popup_end'}
|
||||
</div>
|
||||
|
||||
|
||||
{if !$oConfig->GetValue('general.reg.invite')}
|
||||
<div id="tab-pane-registration" data-toggle="tab-pane">
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($){
|
||||
$('#popup-registration-form').find('input.js-ajax-validate').blur(function(e){
|
||||
var aParams={ };
|
||||
if ($(e.target).attr('name')=='password_confirm') {
|
||||
aParams['password']=$('#popup-registration-user-password').val();
|
||||
}
|
||||
if ($(e.target).attr('name')=='password') {
|
||||
aParams['password']=$('#popup-registration-user-password').val();
|
||||
if ($('#popup-registration-user-password-confirm').val()) {
|
||||
ls.user.validateRegistrationField('password_confirm',$('#popup-registration-user-password-confirm').val(),$('#popup-registration-form'),{ 'password': $(e.target).val() });
|
||||
}
|
||||
}
|
||||
ls.user.validateRegistrationField($(e.target).attr('name'),$(e.target).val(),$('#popup-registration-form'),aParams);
|
||||
});
|
||||
$('#popup-registration-form').bind('submit',function(){
|
||||
ls.user.registration('popup-registration-form');
|
||||
return false;
|
||||
});
|
||||
$('#popup-registration-form-submit').attr('disabled',false);
|
||||
});
|
||||
</script>
|
||||
|
||||
{hook run='registration_begin' isPopup=true}
|
||||
<form action="{router page='registration'}" method="post" id="popup-registration-form">
|
||||
{hook run='form_registration_begin' isPopup=true}
|
||||
|
||||
<p>
|
||||
<input type="text" name="login" placeholder="{$aLang.registration_login}" id="popup-registration-login" value="{$_aRequest.login}" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_login_notice}"></i>
|
||||
<i class="icon-ok-green validate-ok-field-login" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-login"></small></p>
|
||||
|
||||
<p>
|
||||
<input type="text" name="mail" placeholder="{$aLang.registration_mail}" id="popup-registration-mail" value="{$_aRequest.mail}" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_mail_notice}"></i>
|
||||
<i class="icon-ok-green validate-ok-field-mail" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-mail"></small></p>
|
||||
|
||||
<p>
|
||||
<input type="password" name="password" placeholder="{$aLang.registration_password}" id="popup-registration-user-password" value="" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_password_notice}"></i>
|
||||
<i class="icon-ok-green validate-ok-field-password" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-password"></small></p>
|
||||
|
||||
<p>
|
||||
<input type="password" name="password_confirm" placeholder="{$aLang.registration_password_retry}" id="popup-registration-user-password-confirm" value="" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-ok-green validate-ok-field-password_confirm" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-password_confirm"></small></p>
|
||||
|
||||
{hookb run="popup_registration_captcha"}
|
||||
<p><label for="popup-registration-captcha">{$aLang.registration_captcha}</label>
|
||||
<img src="{cfg name='path.root.engine_lib'}/external/kcaptcha/index.php?{$_sPhpSessionName}={$_sPhpSessionId}"
|
||||
onclick="this.src='{cfg name='path.root.engine_lib'}/external/kcaptcha/index.php?{$_sPhpSessionName}={$_sPhpSessionId}&n='+Math.random();"
|
||||
class="captcha-image" />
|
||||
<input type="text" name="captcha" id="popup-registration-captcha" value="" maxlength="3" class="input-text input-width-100 js-ajax-validate" />
|
||||
<small class="validate-error-hide validate-error-field-captcha"></small></p>
|
||||
{/hookb}
|
||||
|
||||
{hook run='form_registration_end' isPopup=true}
|
||||
|
||||
<input type="hidden" name="return-path" value="{$PATH_WEB_CURRENT}">
|
||||
<button type="submit" name="submit_register" class="button button-primary" id="popup-registration-form-submit" disabled="disabled">{$aLang.registration_submit}</button>
|
||||
</form>
|
||||
{hook run='registration_end' isPopup=true}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
<div id="tab-pane-reminder" data-toggle="tab-pane">
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($){
|
||||
$('#popup-reminder-form').bind('submit',function(){
|
||||
ls.user.reminder('popup-reminder-form');
|
||||
return false;
|
||||
});
|
||||
$('#popup-reminder-form-submit').attr('disabled',false);
|
||||
});
|
||||
</script>
|
||||
<form action="{router page='login'}reminder/" method="POST" id="popup-reminder-form">
|
||||
<p>
|
||||
<input type="text" name="mail" placeholder="{$aLang.password_reminder_email}" id="popup-reminder-mail" class="input-text input-width-300" />
|
||||
<small class="validate-error-hide validate-error-reminder"></small></p>
|
||||
|
||||
<button type="submit" name="submit_reminder" class="button button-primary" id="popup-reminder-form-submit" disabled="disabled">{$aLang.password_reminder_submit}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
18
templates/skin/synio/modals/modal_photoset_add_photo.tpl
Normal file
18
templates/skin/synio/modals/modal_photoset_add_photo.tpl
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}photoset-upload-form{/block}
|
||||
{block name='title'}{$aLang.uploadimg}{/block}
|
||||
|
||||
{block name='content'}
|
||||
<div id="topic-photo-upload-input" class="topic-photo-upload-input">
|
||||
<label for="photoset-upload-file">{$aLang.topic_photoset_choose_image}:</label>
|
||||
<input type="file" id="photoset-upload-file" name="Filedata" /><br><br>
|
||||
|
||||
<input type="hidden" name="is_iframe" value="true" />
|
||||
<input type="hidden" name="topic_id" value="{$_aRequest.topic_id}" />
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name='footer'}
|
||||
<button type="submit" class="button button-primary" onclick="ls.photoset.upload();">{$aLang.topic_photoset_upload_choose}</button>
|
||||
{/block}
|
||||
22
templates/skin/synio/modals/modal_profile_avatar_upload.tpl
Normal file
22
templates/skin/synio/modals/modal_profile_avatar_upload.tpl
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='options'}
|
||||
{assign var='noCancel' value=true}
|
||||
{/block}
|
||||
|
||||
{block name='id'}avatar-resize{/block}
|
||||
{block name='class'}modal-upload-avatar{/block}
|
||||
{block name='title'}{$aLang.uploadimg}{/block}
|
||||
|
||||
{block name='content'}
|
||||
<div class="clearfix">
|
||||
<div class="image-border">
|
||||
<img src="" alt="" id="avatar-resize-original-img">
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name='footer'}
|
||||
<button type="submit" class="button button-primary" onclick="return ls.user.resizeAvatar();">{$aLang.settings_profile_avatar_resize_apply}</button>
|
||||
<button type="submit" class="button" onclick="return ls.user.cancelAvatar();">{$aLang.settings_profile_avatar_resize_cancel}</button>
|
||||
{/block}
|
||||
22
templates/skin/synio/modals/modal_profile_photo_upload.tpl
Normal file
22
templates/skin/synio/modals/modal_profile_photo_upload.tpl
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='options'}
|
||||
{assign var='noCancel' value=true}
|
||||
{/block}
|
||||
|
||||
{block name='id'}foto-resize{/block}
|
||||
{block name='class'}modal-upload-photo{/block}
|
||||
{block name='title'}{$aLang.uploadimg}{/block}
|
||||
|
||||
{block name='content'}
|
||||
<div class="clearfix">
|
||||
<div class="image-border">
|
||||
<img src="" alt="" id="foto-resize-original-img">
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name='footer'}
|
||||
<button type="submit" class="button button-primary" onclick="return ls.user.resizeFoto();">{$aLang.settings_profile_avatar_resize_apply}</button>
|
||||
<button type="submit" class="button" onclick="return ls.user.cancelFoto();">{$aLang.settings_profile_avatar_resize_cancel}</button>
|
||||
{/block}
|
||||
32
templates/skin/synio/modals/modal_userfields.tpl
Normal file
32
templates/skin/synio/modals/modal_userfields.tpl
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='id'}userfield_form{/block}
|
||||
{block name='title'}{$aLang.user_field_admin_title_add}{/block}
|
||||
|
||||
{block name='content'}
|
||||
<form>
|
||||
<p><label for="user_fields_form_type">{$aLang.userfield_form_type}:</label>
|
||||
<select id="user_fields_form_type" class="input-text input-width-full">
|
||||
<option value=""></option>
|
||||
{foreach from=$aUserFieldTypes item=sFieldType}
|
||||
<option value="{$sFieldType}">{$sFieldType}</option>
|
||||
{/foreach}
|
||||
</select></p>
|
||||
|
||||
<p><label for="user_fields_form_name">{$aLang.userfield_form_name}:</label>
|
||||
<input type="text" id="user_fields_form_name" class="input-text input-width-full" /></p>
|
||||
|
||||
<p><label for="user_fields_form_title">{$aLang.userfield_form_title}:</label>
|
||||
<input type="text" id="user_fields_form_title" class="input-text input-width-full" /></p>
|
||||
|
||||
<p><label for="user_fields_form_pattern">{$aLang.userfield_form_pattern}:</label>
|
||||
<input type="text" id="user_fields_form_pattern" class="input-text input-width-full" /></p>
|
||||
|
||||
<input type="hidden" id="user_fields_form_action" />
|
||||
<input type="hidden" id="user_fields_form_id" />
|
||||
</form>
|
||||
{/block}
|
||||
|
||||
{block name='footer'}
|
||||
<button type="button" onclick="ls.userfield.applyForm(); return false;" class="button button-primary">{$aLang.user_field_add}</button>
|
||||
{/block}
|
||||
|
|
@ -1,10 +1,16 @@
|
|||
<div class="modal modal-write" id="modal_write">
|
||||
<header class="modal-header">
|
||||
<a href="#" class="close jqmClose"></a>
|
||||
</header>
|
||||
{extends file='modals/modal_base.tpl'}
|
||||
|
||||
{block name='options'}
|
||||
{assign var='noTitle' value=true}
|
||||
{assign var='noFooter' value=true}
|
||||
{/block}
|
||||
|
||||
{block name='id'}modal-write{/block}
|
||||
{block name='class'}modal-write{/block}
|
||||
{block name='title'}{$aLang.block_create}{/block}
|
||||
|
||||
{block name='content'}
|
||||
{strip}
|
||||
<div class="modal-content">
|
||||
<ul class="write-list">
|
||||
{if $iUserCurrentCountTopicDraft}
|
||||
<li class="write-item-type-draft">
|
||||
|
|
@ -26,7 +32,5 @@
|
|||
</li>
|
||||
{hook run='write_item' isPopup=true}
|
||||
</ul>
|
||||
</div>
|
||||
{/strip}
|
||||
</div>
|
||||
|
||||
{/block}
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
{/if}
|
||||
|
||||
{if $oUserCurrent}
|
||||
<a href="{router page='topic'}add/" class="button button-write js-write-window-show" id="modal_write_show">{$aLang.block_create}</a>
|
||||
<a href="{router page='topic'}add/" class="button button-write" data-type="modal-toggle" data-modal-target="modal-write">{$aLang.block_create}</a>
|
||||
{/if}
|
||||
|
||||
<div class="search-header">
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@ $config['head']['default']['css'] = array(
|
|||
"___path.root.server___/templates/framework/css/helpers.css",
|
||||
"___path.root.server___/templates/framework/css/text.css",
|
||||
"___path.root.server___/templates/framework/css/buttons.css",
|
||||
"___path.root.server___/templates/framework/css/modals.css",
|
||||
|
||||
// Template styles
|
||||
"___path.static.skin___/css/base.css",
|
||||
|
|
|
|||
|
|
@ -1,18 +0,0 @@
|
|||
{if $oUserCurrent}
|
||||
<div id="favourite-form-tags" class="modal">
|
||||
<header class="modal-header">
|
||||
<h3>{$aLang.add_favourite_tags}</h3>
|
||||
<a href="#" class="close jqmClose"></a>
|
||||
</header>
|
||||
|
||||
|
||||
<form onsubmit="return ls.favourite.saveTags(this);" class="modal-content">
|
||||
<input type="hidden" name="target_type" value="" id="favourite-form-tags-target-type">
|
||||
<input type="hidden" name="target_id" value="" id="favourite-form-tags-target-id">
|
||||
|
||||
<p><input type="text" name="tags" value="" id="favourite-form-tags-tags" class="autocomplete-tags-sep input-text input-width-full"></p>
|
||||
<button type="submit" name="" class="button button-primary" />{$aLang.favourite_form_tags_button_save}</button>
|
||||
<button type="submit" name="" class="button jqmClose" />{$aLang.favourite_form_tags_button_cancel}</button>
|
||||
</form>
|
||||
</div>
|
||||
{/if}
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<div class="modal modal-image-upload" id="window_upload_img">
|
||||
<header class="modal-header">
|
||||
<h3>{$aLang.uploadimg}</h3>
|
||||
<a href="#" class="close jqmClose"></a>
|
||||
</header>
|
||||
|
||||
<div class="modal-content">
|
||||
<ul class="nav nav-pills nav-pills-tabs">
|
||||
<li class="active js-block-upload-img-item" data-type="pc"><a href="#">{$aLang.uploadimg_from_pc}</a></li>
|
||||
<li class="js-block-upload-img-item" data-type="link"><a href="#">{$aLang.uploadimg_from_link}</a></li>
|
||||
</ul>
|
||||
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="block_upload_img_content_pc" onsubmit="return false;" class="tab-content js-block-upload-img-content" data-type="pc">
|
||||
<p><label for="img_file">{$aLang.uploadimg_file}:</label>
|
||||
<input type="file" name="img_file" id="img_file" value="" class="input-text input-width-full" /></p>
|
||||
|
||||
{hook run="uploadimg_source"}
|
||||
|
||||
<p>
|
||||
<label for="form-image-align">{$aLang.uploadimg_align}:</label>
|
||||
<select name="align" id="form-image-align" class="input-width-full">
|
||||
<option value="">{$aLang.uploadimg_align_no}</option>
|
||||
<option value="left">{$aLang.uploadimg_align_left}</option>
|
||||
<option value="right">{$aLang.uploadimg_align_right}</option>
|
||||
<option value="center">{$aLang.uploadimg_align_center}</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p><label for="form-image-title">{$aLang.uploadimg_title}:</label>
|
||||
<input type="text" name="title" id="form-image-title" value="" class="input-text input-width-full" /></p>
|
||||
|
||||
{hook run="uploadimg_additional"}
|
||||
|
||||
<button type="submit" class="button button-primary" onclick="ls.ajaxUploadImg('block_upload_img_content_pc','{$sToLoad}');">{$aLang.uploadimg_submit}</button>
|
||||
<button type="submit" class="button jqmClose">{$aLang.uploadimg_cancel}</button>
|
||||
</form>
|
||||
|
||||
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="block_upload_img_content_link" onsubmit="return false;" style="display: none;" class="tab-content js-block-upload-img-content" data-type="link">
|
||||
<p><label for="img_file">{$aLang.uploadimg_url}:</label>
|
||||
<input type="text" name="img_url" id="img_url" value="http://" class="input-text input-width-full" /></p>
|
||||
|
||||
<p>
|
||||
<label for="form-image-url-align">{$aLang.uploadimg_align}:</label>
|
||||
<select name="align" id="form-image-url-align" class="input-width-full">
|
||||
<option value="">{$aLang.uploadimg_align_no}</option>
|
||||
<option value="left">{$aLang.uploadimg_align_left}</option>
|
||||
<option value="right">{$aLang.uploadimg_align_right}</option>
|
||||
<option value="center">{$aLang.uploadimg_align_center}</option>
|
||||
</select>
|
||||
</p>
|
||||
|
||||
<p><label for="form-image-url-title">{$aLang.uploadimg_title}:</label>
|
||||
<input type="text" name="title" id="form-image-url-title" value="" class="input-text input-width-full" /></p>
|
||||
|
||||
{hook run="uploadimg_link_additional"}
|
||||
|
||||
<button type="submit" class="button button-primary" onclick="ls.topic.insertImageToEditor(jQuery('#img_url').val(),jQuery('#form-image-url-align').val(),jQuery('#form-image-url-title').val());">{$aLang.uploadimg_link_submit_paste}</button>
|
||||
{$aLang.or}
|
||||
<button type="submit" class="button button-primary" onclick="ls.ajaxUploadImg('block_upload_img_content_link','{$sToLoad}');">{$aLang.uploadimg_link_submit_load}</button>
|
||||
<button type="submit" class="button jqmClose">{$aLang.uploadimg_cancel}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1,142 +0,0 @@
|
|||
{if !$oUserCurrent}
|
||||
<div class="modal modal-login" id="window_login_form">
|
||||
<header class="modal-header">
|
||||
<a href="#" class="close jqmClose"></a>
|
||||
</header>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(function($){
|
||||
$('#popup-login-form').bind('submit',function(){
|
||||
ls.user.login('popup-login-form');
|
||||
return false;
|
||||
});
|
||||
$('#popup-login-form-submit').attr('disabled',false);
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="modal-content">
|
||||
<ul class="nav nav-pills nav-pills-tabs">
|
||||
<li class="active js-block-popup-login-item" data-type="login"><a href="#">{$aLang.user_login_submit}</a></li>
|
||||
{if !$oConfig->GetValue('general.reg.invite')}
|
||||
<li class="js-block-popup-login-item" data-type="registration"><a href="#">{$aLang.registration}</a></li>
|
||||
{else}
|
||||
<li><a href="{router page='registration'}">{$aLang.registration}</a></li>
|
||||
{/if}
|
||||
<li class="js-block-popup-login-item" data-type="reminder"><a href="#">{$aLang.password_reminder}</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="tab-content js-block-popup-login-content" data-type="login">
|
||||
{hook run='login_popup_begin'}
|
||||
<form action="{router page='login'}" method="post" id="popup-login-form">
|
||||
{hook run='form_login_popup_begin'}
|
||||
|
||||
<p><input type="text" name="login" id="popup-login" placeholder="{$aLang.user_login}" class="input-text input-width-full"></p>
|
||||
|
||||
<p><input type="password" name="password" id="popup-password" placeholder="{$aLang.user_password}" class="input-text input-width-300" style="width: 322px">
|
||||
<button type="submit" name="submit_login" class="button button-primary" id="popup-login-form-submit" disabled="disabled">{$aLang.user_login_submit}</button></p>
|
||||
|
||||
<label class="remember-label"><input type="checkbox" name="remember" class="input-checkbox" checked /> {$aLang.user_login_remember}</label>
|
||||
|
||||
<small class="validate-error-hide validate-error-login"></small>
|
||||
{hook run='form_login_popup_end'}
|
||||
|
||||
<input type="hidden" name="return-path" value="{$PATH_WEB_CURRENT}">
|
||||
</form>
|
||||
{hook run='login_popup_end'}
|
||||
</div>
|
||||
|
||||
|
||||
{if !$oConfig->GetValue('general.reg.invite')}
|
||||
<div data-type="registration" class="tab-content js-block-popup-login-content" style="display:none;">
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($){
|
||||
$('#popup-registration-form').find('input.js-ajax-validate').blur(function(e){
|
||||
var aParams={ };
|
||||
if ($(e.target).attr('name')=='password_confirm') {
|
||||
aParams['password']=$('#popup-registration-user-password').val();
|
||||
}
|
||||
if ($(e.target).attr('name')=='password') {
|
||||
aParams['password']=$('#popup-registration-user-password').val();
|
||||
if ($('#popup-registration-user-password-confirm').val()) {
|
||||
ls.user.validateRegistrationField('password_confirm',$('#popup-registration-user-password-confirm').val(),$('#popup-registration-form'),{ 'password': $(e.target).val() });
|
||||
}
|
||||
}
|
||||
ls.user.validateRegistrationField($(e.target).attr('name'),$(e.target).val(),$('#popup-registration-form'),aParams);
|
||||
});
|
||||
$('#popup-registration-form').bind('submit',function(){
|
||||
ls.user.registration('popup-registration-form');
|
||||
return false;
|
||||
});
|
||||
$('#popup-registration-form-submit').attr('disabled',false);
|
||||
});
|
||||
</script>
|
||||
|
||||
{hook run='registration_begin' isPopup=true}
|
||||
<form action="{router page='registration'}" method="post" id="popup-registration-form">
|
||||
{hook run='form_registration_begin' isPopup=true}
|
||||
|
||||
<p>
|
||||
<input type="text" name="login" placeholder="{$aLang.registration_login}" id="popup-registration-login" value="{$_aRequest.login}" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_login_notice}"></i>
|
||||
<i class="icon-ok-green validate-ok-field-login" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-login"></small></p>
|
||||
|
||||
<p>
|
||||
<input type="text" name="mail" placeholder="{$aLang.registration_mail}" id="popup-registration-mail" value="{$_aRequest.mail}" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_mail_notice}"></i>
|
||||
<i class="icon-ok-green validate-ok-field-mail" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-mail"></small></p>
|
||||
|
||||
<p>
|
||||
<input type="password" name="password" placeholder="{$aLang.registration_password}" id="popup-registration-user-password" value="" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-question-sign js-tip-help" title="{$aLang.registration_password_notice}"></i>
|
||||
<i class="icon-ok-green validate-ok-field-password" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-password"></small></p>
|
||||
|
||||
<p>
|
||||
<input type="password" name="password_confirm" placeholder="{$aLang.registration_password_retry}" id="popup-registration-user-password-confirm" value="" class="input-text input-width-300 js-ajax-validate" />
|
||||
<i class="icon-ok-green validate-ok-field-password_confirm" style="display: none"></i>
|
||||
<small class="validate-error-hide validate-error-field-password_confirm"></small></p>
|
||||
|
||||
{hookb run="popup_registration_captcha"}
|
||||
<p><label for="popup-registration-captcha">{$aLang.registration_captcha}</label>
|
||||
<img src="{cfg name='path.root.engine_lib'}/external/kcaptcha/index.php?{$_sPhpSessionName}={$_sPhpSessionId}"
|
||||
onclick="this.src='{cfg name='path.root.engine_lib'}/external/kcaptcha/index.php?{$_sPhpSessionName}={$_sPhpSessionId}&n='+Math.random();"
|
||||
class="captcha-image" />
|
||||
<input type="text" name="captcha" id="popup-registration-captcha" value="" maxlength="3" class="input-text input-width-100 js-ajax-validate" />
|
||||
<small class="validate-error-hide validate-error-field-captcha"></small></p>
|
||||
{/hookb}
|
||||
|
||||
{hook run='form_registration_end' isPopup=true}
|
||||
|
||||
<input type="hidden" name="return-path" value="{$PATH_WEB_CURRENT}">
|
||||
<button type="submit" name="submit_register" class="button button-primary" id="popup-registration-form-submit" disabled="disabled">{$aLang.registration_submit}</button>
|
||||
</form>
|
||||
{hook run='registration_end' isPopup=true}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
||||
<div data-type="reminder" class="tab-content js-block-popup-login-content" style="display:none;">
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($){
|
||||
$('#popup-reminder-form').bind('submit',function(){
|
||||
ls.user.reminder('popup-reminder-form');
|
||||
return false;
|
||||
});
|
||||
$('#popup-reminder-form-submit').attr('disabled',false);
|
||||
});
|
||||
</script>
|
||||
<form action="{router page='login'}reminder/" method="POST" id="popup-reminder-form">
|
||||
<p>
|
||||
<input type="text" name="mail" placeholder="{$aLang.password_reminder_email}" id="popup-reminder-mail" class="input-text input-width-300" />
|
||||
<small class="validate-error-hide validate-error-reminder"></small></p>
|
||||
|
||||
<button type="submit" name="submit_reminder" class="button button-primary" id="popup-reminder-form-submit" disabled="disabled">{$aLang.password_reminder_submit}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
Loading…
Reference in a new issue