448 lines
17 KiB
Text
448 lines
17 KiB
Text
|
[%# entry.tt
|
||
|
|
|
||
|
|
Page to post and edit entries
|
||
|
|
|
||
|
|
Authors:
|
||
|
|
Afuna <coder.dw@afunamatata.com>
|
||
|
|
|
||
|
|
Copyright (c) 2011-2014 by Dreamwidth Studios, LLC.
|
||
|
|
|
||
|
|
This program is free software; you may redistribute it and/or modify it under
|
||
|
|
the same terms as Perl itself. For a copy of the license, please reference
|
||
|
|
'perldoc perlartistic' or 'perldoc perlgpl'.
|
||
|
|
%]
|
||
|
|
|
||
|
|
[%- CALL dw.active_resource_group( "foundation" ) -%]
|
||
|
|
|
||
|
|
[%- dw.need_res(
|
||
|
|
"stc/css/pages/entry/new.css"
|
||
|
|
"stc/css/components/button-groups.css"
|
||
|
|
"stc/display_none.css"
|
||
|
|
) -%]
|
||
|
|
|
||
|
|
[%- dw.need_res( { group => "foundation" },
|
||
|
|
|
||
|
|
## tags (autocomplete)
|
||
|
|
"js/vendor/jquery.vertigro.js"
|
||
|
|
"js/jquery/jquery.ui.menu.js"
|
||
|
|
"js/jquery/jquery.ui.autocomplete.js"
|
||
|
|
"js/components/jquery.autocompletewithunknown.js"
|
||
|
|
"stc/jquery/jquery.ui.menu.css"
|
||
|
|
"stc/jquery/jquery.ui.autocomplete.css"
|
||
|
|
"stc/css/components/autocompletewithunknown.css"
|
||
|
|
|
||
|
|
## collapsing
|
||
|
|
"js/components/jquery.collapse.js"
|
||
|
|
"stc/css/components/collapse.css"
|
||
|
|
|
||
|
|
## date
|
||
|
|
"js/vendor/pickadate.js/picker.js"
|
||
|
|
"js/vendor/pickadate.js/picker.date.js"
|
||
|
|
"js/vendor/pickadate.js/picker.time.js"
|
||
|
|
"js/vendor/pickadate.js/legacy.js"
|
||
|
|
"stc/css/components/pickadate/datetime.css"
|
||
|
|
|
||
|
|
# page-specific
|
||
|
|
"js/pages/entry/new.js"
|
||
|
|
|
||
|
|
# code required for old RTE
|
||
|
|
"js/6alib/httpreq.js"
|
||
|
|
"js/6alib/core.js"
|
||
|
|
"js/6alib/dom.js"
|
||
|
|
"js/livejournal.js"
|
||
|
|
"js/6alib/ippu.js"
|
||
|
|
"js/lj_ippu.js"
|
||
|
|
"js/poll.js"
|
||
|
|
"stc/fck/fckeditor.js"
|
||
|
|
"js/pages/entry/rte.js"
|
||
|
|
|
||
|
|
# old drafts functionality
|
||
|
|
"js/pages/entry/drafts.js"
|
||
|
|
|
||
|
|
) -%]
|
||
|
|
|
||
|
|
[% sections.title = action.edit ? dw.ml( '.title.edit' ) : dw.ml( '.title' ) %]
|
||
|
|
[% sections.contentopts = '' %]
|
||
|
|
|
||
|
|
[% sections.head = BLOCK %]
|
||
|
|
[%- chalresp_js -%]
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var postFormInitData = new Object();
|
||
|
|
postFormInitData.edit = [% action.edit ? "true" : "false" %];
|
||
|
|
|
||
|
|
postFormInitData.moodpics = {
|
||
|
|
[%- FOREACH mood = moodtheme.pics.pairs %]
|
||
|
|
[% mood.key | js %] : [ [% mood.value.name | js %], [% mood.value.pic | js %], [% mood.value.width | js %], [% mood.value.height | js %] ]
|
||
|
|
[%- UNLESS loop.last %],[% END -%]
|
||
|
|
[% END %]
|
||
|
|
};
|
||
|
|
|
||
|
|
postFormInitData.panels = {
|
||
|
|
"show" : {
|
||
|
|
[%- FOREACH panel = panels.show.pairs -%]
|
||
|
|
[%- panel.key | js -%] : [%- panel.value ? "true" : "false" -%]
|
||
|
|
[%- UNLESS loop.last %],[% END -%]
|
||
|
|
[%- END -%]
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
postFormInitData.security = {
|
||
|
|
[%- FOREACH level = security_options.pairs %]
|
||
|
|
[%- level.key | js %] : { 'value': [%~ level.value.value | js ~%]
|
||
|
|
, 'label': [%~ level.value.label | ml | js ~%]
|
||
|
|
, 'format': [%~ level.value.format | ml | js ~%]
|
||
|
|
|
||
|
|
[%- IF level.value.image -%]
|
||
|
|
, 'image': { 'src': [%~ level.value.image.src | js ~%]
|
||
|
|
, 'width': [%~ level.value.image.width | js ~%]
|
||
|
|
, 'height': [%~ level.value.image.height | js ~%]
|
||
|
|
}
|
||
|
|
[%- END -%]
|
||
|
|
}
|
||
|
|
[%- UNLESS loop.last %],[% END -%]
|
||
|
|
[% END %]
|
||
|
|
};
|
||
|
|
|
||
|
|
postFormInitData.minAnimation = [% min_animation ? "true" : "false" %];
|
||
|
|
|
||
|
|
postFormInitData.strings = {
|
||
|
|
"delete_confirm" : [%- "entryform.delete.confirm" | ml | js -%],
|
||
|
|
"delete_xposts_confirm": [%- "entryform.delete.xposts.confirm" | ml | js -%]
|
||
|
|
};
|
||
|
|
|
||
|
|
[%- IF remote && remote.can_use_userpic_select -%]
|
||
|
|
postFormInitData.iconBrowser = {
|
||
|
|
"keywordorder": [%- icon_browser.keywordorder ? "true" : "false" -%],
|
||
|
|
"metatext": [%- icon_browser.metatext ? "true" : "false" -%],
|
||
|
|
"smallicons": [%- icon_browser.smallicons ? "true": "false" -%]
|
||
|
|
};
|
||
|
|
[%- END -%]
|
||
|
|
|
||
|
|
</script>
|
||
|
|
[% END # sections.head %]
|
||
|
|
|
||
|
|
<div class="alert-box secondary">[% ".beta.on" | ml( aopts = "href='$site.root/betafeatures'", user = betacommunity.ljuser_display ) %]</div>
|
||
|
|
|
||
|
|
[%- IF warnings.exist -%]
|
||
|
|
[%- FOREACH warning IN warnings.get_all -%]
|
||
|
|
<div class="alert-box">[%- warning.message -%]</div>
|
||
|
|
[%- END -%]
|
||
|
|
[%- END -%]
|
||
|
|
|
||
|
|
<form method="POST" id="js-post-entry" action="[% action.url %]" class="
|
||
|
|
[%- formwidth == "narrow" ? "entry-partial-width" : "entry-full-width" -%]">
|
||
|
|
<input type="hidden" id="nojs" value="1" name="nojs" />
|
||
|
|
|
||
|
|
[%- dw.form_auth -%]
|
||
|
|
|
||
|
|
<div class="current-entry row"><div class="columns"><!-- Start main column sub & entry -->
|
||
|
|
|
||
|
|
[%- IF remote -%]
|
||
|
|
<div class="toolbar-container">
|
||
|
|
<div class="row"><div class="columns">
|
||
|
|
<div class='panel radius toolbar text-right'>
|
||
|
|
[%- IF remote.can_create_polls OR journalu.can_create_polls -%]
|
||
|
|
[%- INCLUDE "components/icon-link-decorative.tt"
|
||
|
|
link = {
|
||
|
|
url = site.root _ "/poll/create"
|
||
|
|
newwindow = 1
|
||
|
|
}
|
||
|
|
icon = "graph-horizontal"
|
||
|
|
text = "Create Poll"
|
||
|
|
-%]
|
||
|
|
[%- END -%]
|
||
|
|
|
||
|
|
<span id="js-entry-settings">
|
||
|
|
[%- INCLUDE "components/icon-link-decorative.tt"
|
||
|
|
link = {
|
||
|
|
url = site.root _ "/entry/options"
|
||
|
|
newwindow = 1
|
||
|
|
}
|
||
|
|
icon = "widget"
|
||
|
|
text = "Rearrange Panels"
|
||
|
|
-%]
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div></div>
|
||
|
|
<div class="row"><div class="columns">
|
||
|
|
<div class="panel" id="js-settings-panel"></div>
|
||
|
|
</div></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
[%- END -%]
|
||
|
|
|
||
|
|
<div class="row"><div class="columns">
|
||
|
|
<div class='subject-container'>
|
||
|
|
[%- form.textbox( label = dw.ml(".subject.label")
|
||
|
|
name = "subject"
|
||
|
|
|
||
|
|
maxlength = limits.subject_length
|
||
|
|
size = "50"
|
||
|
|
|
||
|
|
labelclass = "hidden"
|
||
|
|
class = "draft-autosave"
|
||
|
|
|
||
|
|
placeholder = dw.ml(".subject.placeholder")
|
||
|
|
) -%]
|
||
|
|
</div>
|
||
|
|
</div></div>
|
||
|
|
|
||
|
|
<div class="row"><div class="columns">
|
||
|
|
<div class='markup-container'>
|
||
|
|
[%- form.select(
|
||
|
|
label = 'Formatting type'
|
||
|
|
labelclass = 'invisible'
|
||
|
|
name = 'editor'
|
||
|
|
id = 'editor'
|
||
|
|
select = editors.selected
|
||
|
|
items = editors.items
|
||
|
|
class = "draft-autosave"
|
||
|
|
) -%]
|
||
|
|
|
||
|
|
<a href="[% 'markup.helplink.url' | ml %]" tabindex="-1" target="_blank">[%-
|
||
|
|
dw.img('help', '',
|
||
|
|
{
|
||
|
|
alt => dw.ml('markup.helplink.alttext'),
|
||
|
|
title => dw.ml('markup.helplink.alttext'),
|
||
|
|
style => 'box-sizing: content-box;'
|
||
|
|
}
|
||
|
|
)
|
||
|
|
-%]</a>
|
||
|
|
</div>
|
||
|
|
</div></div>
|
||
|
|
|
||
|
|
<div class="row"><div class="columns">
|
||
|
|
<div class='event-container'>
|
||
|
|
[%- form.textarea( label = dw.ml(".event.label")
|
||
|
|
name = "event"
|
||
|
|
id = "entry-body"
|
||
|
|
|
||
|
|
cols = "50"
|
||
|
|
rows = "18"
|
||
|
|
wrap = "soft"
|
||
|
|
|
||
|
|
labelclass = "hidden"
|
||
|
|
class = "draft-autosave"
|
||
|
|
|
||
|
|
placeholder = dw.ml(".event.placeholder")
|
||
|
|
) -%]
|
||
|
|
<small id="draftstatus" type="text" disabled="disabled" name="draftstatus" role="status" aria-live="polite"></small>
|
||
|
|
</div>
|
||
|
|
</div></div>
|
||
|
|
|
||
|
|
<div class="row"><div class="columns">
|
||
|
|
<div class="button-bar entry-quick-actions">
|
||
|
|
<ul class="no-bullet entry-quick-metadata">
|
||
|
|
|
||
|
|
<li>
|
||
|
|
[%- form.submit(
|
||
|
|
value = dw.ml(action.edit ? '.button.edit.quick' : '.button.post.quick')
|
||
|
|
name = "action:post"
|
||
|
|
)
|
||
|
|
%]</li>[%- FOREACH level = security;
|
||
|
|
level.label = dw.ml( level.label );
|
||
|
|
level.format = dw.ml( level.format );
|
||
|
|
END;
|
||
|
|
-%]<li>[%- INCLUDE components/fancyselect.tt
|
||
|
|
name = "security"
|
||
|
|
id = "js-security"
|
||
|
|
label = dw.ml( '.select.security' )
|
||
|
|
|
||
|
|
items = security
|
||
|
|
-%]</li>
|
||
|
|
|
||
|
|
[%~ IF journallist.size > 1 %]
|
||
|
|
[%-
|
||
|
|
journalselect = [];
|
||
|
|
FOREACH journal IN journallist;
|
||
|
|
isJournal = journal.equals(remote);
|
||
|
|
userFormat = isJournal ? "@$journal.user" : "@c:$journal.user";
|
||
|
|
journalselect.push({
|
||
|
|
label = journal.user
|
||
|
|
value = (isJournal ? "" : journal.user)
|
||
|
|
format = dw.ml( ".select.usejournal.format", { user => userFormat } )
|
||
|
|
});
|
||
|
|
END
|
||
|
|
~%]
|
||
|
|
|
||
|
|
<li>[%- INCLUDE components/fancyselect.tt
|
||
|
|
name = "usejournal"
|
||
|
|
id = "js-usejournal"
|
||
|
|
label = dw.ml( '.select.usejournal' )
|
||
|
|
|
||
|
|
items = journalselect
|
||
|
|
-%]</li>
|
||
|
|
[%~ ELSE ~%]
|
||
|
|
[%- SET usejournal = journallist.first
|
||
|
|
isComm = usejournal.is_community
|
||
|
|
isAdmin = isComm && remote.can_manage( usejournal )
|
||
|
|
|
||
|
|
~%]
|
||
|
|
|
||
|
|
[%~ IF usejournal ~%]
|
||
|
|
<li>
|
||
|
|
<span class="usejournal-text">
|
||
|
|
[% '.select.usejournal.format' | ml( user = usejournal.ljuser_display ) %]
|
||
|
|
</span>
|
||
|
|
[% form.hidden( name = "usejournal", id = "js-usejournal", value = usejournal.user,
|
||
|
|
"data-is-admin" = isAdmin
|
||
|
|
"data-is-comm" = isComm
|
||
|
|
) %]
|
||
|
|
</li>
|
||
|
|
[%~ ELSE ~%]
|
||
|
|
<li>
|
||
|
|
[%~ form.textbox(
|
||
|
|
name = "usejournal"
|
||
|
|
id = "js-usejournal"
|
||
|
|
label = dw.ml( '.select.usejournal' )
|
||
|
|
placeholder = dw.ml( '.select.usejournal.format', user = "journal" )
|
||
|
|
|
||
|
|
"data-is-admin" = isAdmin
|
||
|
|
"data-is-comm" = isComm
|
||
|
|
|
||
|
|
class = "radius"
|
||
|
|
) -%]
|
||
|
|
</li>
|
||
|
|
[%- END -%]
|
||
|
|
[%- END -%]
|
||
|
|
[%- form.hidden( id = "js-remote", name = "poster_remote", value = remote.user ) -%]
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<ul class="no-bullet secondary-actions">
|
||
|
|
<li>[%- form.submit( value = dw.ml('talk.btn.preview')
|
||
|
|
name = "action:preview"
|
||
|
|
id = "js-preview-button"
|
||
|
|
class = "secondary button"
|
||
|
|
)
|
||
|
|
-%]</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div></div>
|
||
|
|
</div>
|
||
|
|
</div> <!-- End main column sub & entry -->
|
||
|
|
|
||
|
|
[%- BLOCK components forCommunity = 0 %]
|
||
|
|
[% FOREACH component = items %]
|
||
|
|
[%- IF forCommunity -%]<div class='columns medium-6 large-4 [% IF loop.count == items.size %]end[% END %]'>[%- END -%]
|
||
|
|
|
||
|
|
<div class='panel component [% component %]-component[% UNLESS forCommunity || panels.show.$component -%] inactive-component[%- END -%]'
|
||
|
|
data-collapse='[% component %]' data-collapse-state='[% panels.collapsed.$component ? "collapsed" : "expanded" %]'>
|
||
|
|
[%- file = forCommunity || editable.$component
|
||
|
|
? "entry/module-${component}.tt"
|
||
|
|
: "entry/display/module-${component}.tt"
|
||
|
|
-%]
|
||
|
|
[%- dw.scoped_include( file ); %]
|
||
|
|
</div>
|
||
|
|
|
||
|
|
[%- IF forCommunity -%]</div>[%- END -%]
|
||
|
|
[%- END -%]
|
||
|
|
[% END -%]
|
||
|
|
|
||
|
|
<div class="row components-columns">
|
||
|
|
<div class="columns components first-column sortable-components"><!-- first column of components -->
|
||
|
|
<div class="inner">
|
||
|
|
[% PROCESS components items = panels.order.shift %]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='columns components second-column sortable-components'> <!-- second column of components -->
|
||
|
|
<div class="inner">
|
||
|
|
[% PROCESS components items = panels.order.shift %]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class='columns components third-column sortable-components'> <!-- third column of components -->
|
||
|
|
<div class="inner">
|
||
|
|
[% PROCESS components items = panels.order.shift %]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
[%- IF remote -%]
|
||
|
|
<div class="community-administration">
|
||
|
|
<hr>
|
||
|
|
<div class="row">
|
||
|
|
<div class="columns"><h2>Community Administration</h2></div>
|
||
|
|
</div>
|
||
|
|
<div class="row components">
|
||
|
|
[%- PROCESS components forCommunity = 1
|
||
|
|
items = [ "community-flags", "sticky" ] -%]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
[%- END -%]
|
||
|
|
|
||
|
|
<div class="row components js-only">
|
||
|
|
<div class="columns">
|
||
|
|
[%- dw.scoped_include( "entry/module-access.tt" ) %]
|
||
|
|
[%- UNLESS remote -%]
|
||
|
|
[%- dw.scoped_include( "entry/login.tt" ) -%]
|
||
|
|
[%- END -%]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="columns">
|
||
|
|
<div class="button-bar">
|
||
|
|
[%- form.submit( value = dw.ml(action.edit ? '.button.edit' : '.button.post')
|
||
|
|
name = "action:post"
|
||
|
|
class = "button left"
|
||
|
|
)
|
||
|
|
-%]
|
||
|
|
|
||
|
|
[% IF action.edit %]
|
||
|
|
[%- form.submit( value = dw.ml( '.button.delete' )
|
||
|
|
name = "action:delete"
|
||
|
|
id = "js-delete-button"
|
||
|
|
class = "button secondary right"
|
||
|
|
)
|
||
|
|
-%]
|
||
|
|
[% END %]
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
[% js_for_rte %]
|
||
|
|
<script>
|
||
|
|
var FCKLang;
|
||
|
|
if (!FCKLang) FCKLang = {};
|
||
|
|
FCKLang.UserPrompt = [% dw.ml('fcklang.userprompt') | js %];
|
||
|
|
FCKLang.UserPrompt_User = [% dw.ml('fcklang.userprompt.user') | js %];
|
||
|
|
FCKLang.UserPrompt_Site = [% dw.ml('fcklang.userprompt.site') | js %];
|
||
|
|
FCKLang.UserPrompt_SiteList =[% sitevalues %];
|
||
|
|
FCKLang.InvalidChars = [% dw.ml('fcklang.invalidchars') | js %];
|
||
|
|
FCKLang.LJUser = [% dw.ml('fcklang.ljuser') | js %];
|
||
|
|
FCKLang.LJVideo = [% dw.ml('fcklang.ljvideo2') | js %];
|
||
|
|
FCKLang.EmbedContents = [% dw.ml('fcklang.embedcontents') | js %];
|
||
|
|
FCKLang.EmbedPrompt = [% dw.ml('fcklang.embedprompt') | js %];
|
||
|
|
FCKLang.CutPrompt = [% dw.ml('fcklang.cutprompt') | js %];
|
||
|
|
FCKLang.ReadMore = [% dw.ml('fcklang.readmore') | js %];
|
||
|
|
FCKLang.CutContents = [% dw.ml('fcklang.cutcontents') | js %];
|
||
|
|
FCKLang.LJCut = [% dw.ml('fcklang.ljcut') | js %];
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// These JS variables contain the contents of the various draft fields.
|
||
|
|
var restoredDraft = [% draft | js %];
|
||
|
|
var restoredEditor = [% draft_properties.editor | js %];
|
||
|
|
var restoredSubject = [% draft_properties.subject | js %];
|
||
|
|
var restoredUserpic = [% draft_properties.userpic | js %];
|
||
|
|
var restoredTaglist = [% draft_properties.taglist | js %];
|
||
|
|
var restoredMoodID = [% draft_properties.moodid | js %];
|
||
|
|
var restoredMood = [% draft_properties.mood | js %];
|
||
|
|
var restoredLocation = [% draft_properties.location1 | js %];
|
||
|
|
var restoredMusic = [% draft_properties.music | js %];
|
||
|
|
var restoredAdultReason = [% draft_properties.adultreason | js %];
|
||
|
|
var restoredCommentSet = [% draft_properties.commentset | js %];
|
||
|
|
var restoredCommentScr = [% draft_properties.commentscr | js %];
|
||
|
|
var restoredAdultCnt = [% draft_properties.adultcnt | js %];
|
||
|
|
|
||
|
|
var autoSaveInterval = [% autosave_interval || 3 %];
|
||
|
|
var savedMsg = [% dw.ml('.draft.autosave', {time => '[[time]]'}) | js %];
|
||
|
|
var restoredMsg = [% dw.ml('.draft.restored') | js %]
|
||
|
|
var confirmMsg = [% draft_subject_raw.defined && draft_subject_raw.length > 0 ? dw.ml( '.draft.confirm2', { subjectline => draft_subject_raw } ) : dw.ml('.draft.confirm') | js %]
|
||
|
|
|
||
|
|
var should_init = [%init_draft || 'null' %];
|
||
|
|
</script>
|