]> git.mxchange.org Git - friendica.git/commitdiff
Update composer module to use the new ACL selector
authorHypolite Petovan <hypolite@mrpetovan.com>
Thu, 28 Nov 2019 17:53:12 +0000 (12:53 -0500)
committerHypolite Petovan <hypolite@mrpetovan.com>
Thu, 28 Nov 2019 17:54:56 +0000 (12:54 -0500)
- Remove ACL-specific code from compose-footer
- Move compose-footer template remaining content to compose.js

src/Module/Item/Compose.php
view/templates/item/compose-footer.tpl [deleted file]
view/templates/item/compose.tpl
view/theme/frio/js/compose.js [new file with mode: 0644]

index ad0a2d805cc6fd70199b949f87f575cd9edb8be2..db44ee3d14449975abda86df5e3346d05f64b238 100644 (file)
@@ -4,10 +4,13 @@ namespace Friendica\Module\Item;
 
 use Friendica\BaseModule;
 use Friendica\Content\Feature;
+use Friendica\Core\ACL;
 use Friendica\Core\Config;
 use Friendica\Core\Hook;
 use Friendica\Core\L10n;
 use Friendica\Core\Renderer;
+use Friendica\Core\System;
+use Friendica\Core\Theme;
 use Friendica\Database\DBA;
 use Friendica\Model\Contact;
 use Friendica\Model\FileTag;
@@ -45,7 +48,7 @@ class Compose extends BaseModule
                }
 
                /// @TODO Retrieve parameter from router
-               $posttype = $a->argv[1] ?? Item::PT_ARTICLE;
+               $posttype = $parameters['type'] ?? Item::PT_ARTICLE;
                if (!in_array($posttype, [Item::PT_ARTICLE, Item::PT_PERSONAL_NOTE])) {
                        switch ($posttype) {
                                case 'note':
@@ -62,20 +65,37 @@ class Compose extends BaseModule
                /** @var ACLFormatter $aclFormatter */
                $aclFormatter = self::getClass(ACLFormatter::class);
 
+               $contact_allow_list = $aclFormatter->expand($user['allow_cid']);
+               $group_allow_list   = $aclFormatter->expand($user['allow_gid']);
+               $contact_deny_list  = $aclFormatter->expand($user['deny_cid']);
+               $group_deny_list    = $aclFormatter->expand($user['deny_gid']);
+
                switch ($posttype) {
                        case Item::PT_PERSONAL_NOTE:
                                $compose_title = L10n::t('Compose new personal note');
                                $type = 'note';
                                $doesFederate = false;
-                               $contact_allow = $a->contact['id'];
-                               $group_allow = '';
+                               $contact_allow_list = [$a->contact['id']];
+                               $group_allow_list = [];
+                               $contact_deny_list = [];
+                               $group_deny_list = [];
                                break;
                        default:
                                $compose_title = L10n::t('Compose new post');
                                $type = 'post';
                                $doesFederate = true;
-                               $contact_allow = implode(',', $aclFormatter->expand($user['allow_cid']));
-                               $group_allow = implode(',', $aclFormatter->expand($user['allow_gid'])) ?: Group::FOLLOWERS;
+
+                               if ($_REQUEST['contact_allow']
+                                       . $_REQUEST['group_allow']
+                                       . $_REQUEST['contact_deny']
+                                   . $_REQUEST['group_deny'])
+                               {
+                                       $contact_allow_list = $_REQUEST['contact_allow'] ? explode(',', $_REQUEST['contact_allow']) : [];
+                                       $group_allow_list   = $_REQUEST['group_allow']   ? explode(',', $_REQUEST['group_allow'])   : [];
+                                       $contact_deny_list  = $_REQUEST['contact_deny']  ? explode(',', $_REQUEST['contact_deny'])  : [];
+                                       $group_deny_list    = $_REQUEST['group_deny']    ? explode(',', $_REQUEST['group_deny'])    : [];
+                               }
+
                                break;
                }
 
@@ -84,93 +104,19 @@ class Compose extends BaseModule
                $body          = $_REQUEST['body']          ?? '';
                $location      = $_REQUEST['location']      ?? $user['default-location'];
                $wall          = $_REQUEST['wall']          ?? $type == 'post';
-               $contact_allow = $_REQUEST['contact_allow'] ?? $contact_allow;
-               $group_allow   = $_REQUEST['group_allow']   ?? $group_allow;
-               $contact_deny  = $_REQUEST['contact_deny']  ?? implode(',', $aclFormatter->expand($user['deny_cid']));
-               $group_deny    = $_REQUEST['group_deny']    ?? implode(',', $aclFormatter->expand($user['deny_gid']));
-               $visibility    = ($contact_allow . $user['allow_gid'] . $user['deny_cid'] . $user['deny_gid']) ? 'custom' : 'public';
-
-               $acl_contacts = Contact::selectToArray(['id', 'name', 'addr', 'micro'], ['uid' => local_user(), 'pending' => false, 'rel' => [Contact::FOLLOWER, Contact::FRIEND]]);
-               array_walk($acl_contacts, function (&$value) {
-                       $value['type'] = 'contact';
-               });
-
-               $acl_groups = [
-                       [
-                               'id' => Group::FOLLOWERS,
-                               'name' => L10n::t('Followers'),
-                               'addr' => '',
-                               'micro' => 'images/twopeople.png',
-                               'type' => 'group',
-                       ],
-                       [
-                               'id' => Group::MUTUALS,
-                               'name' => L10n::t('Mutuals'),
-                               'addr' => '',
-                               'micro' => 'images/twopeople.png',
-                               'type' => 'group',
-                       ]
-               ];
-               foreach (Group::getByUserId(local_user()) as $group) {
-                       $acl_groups[] = [
-                               'id' => $group['id'],
-                               'name' => $group['name'],
-                               'addr' => '',
-                               'micro' => 'images/twopeople.png',
-                               'type' => 'group',
-                       ];
-               }
-
-               $acl = array_merge($acl_groups, $acl_contacts);
-
-               $jotnets_fields = [];
-               $mail_enabled = false;
-               $pubmail_enabled = false;
-               if (function_exists('imap_open') && !Config::get('system', 'imap_disabled')) {
-                       $mailacct = DBA::selectFirst('mailacct', ['pubmail'], ['`uid` = ? AND `server` != ""', local_user()]);
-                       if (DBA::isResult($mailacct)) {
-                               $mail_enabled = true;
-                               $pubmail_enabled = !empty($mailacct['pubmail']);
-                       }
-               }
-
-               if (empty($user['hidewall'])) {
-                       if ($mail_enabled) {
-                               $jotnets_fields[] = [
-                                       'type' => 'checkbox',
-                                       'field' => [
-                                               'pubmail_enable',
-                                               L10n::t('Post to Email'),
-                                               $pubmail_enabled
-                                       ]
-                               ];
-                       }
-
-                       Hook::callAll('jot_networks', $jotnets_fields);
-               }
 
                $jotplugins = '';
                Hook::callAll('jot_tool', $jotplugins);
 
                // Output
-
-               $a->registerFooterScript('view/js/ajaxupload.js');
-               $a->registerFooterScript('view/js/linkPreview.js');
-               $a->registerFooterScript('view/asset/typeahead.js/dist/typeahead.bundle.js');
-               $a->registerFooterScript('view/theme/frio/frameworks/friendica-tagsinput/friendica-tagsinput.js');
-               $a->registerStylesheet('view/theme/frio/frameworks/friendica-tagsinput/friendica-tagsinput.css');
-               $a->registerStylesheet('view/theme/frio/frameworks/friendica-tagsinput/friendica-tagsinput-typeahead.css');
-
-               $tpl = Renderer::getMarkupTemplate('item/compose-footer.tpl');
-               $a->page['footer'] .= Renderer::replaceMacros($tpl, [
-                       '$acl_contacts' => $acl_contacts,
-                       '$acl_groups' => $acl_groups,
-                       '$acl' => $acl,
-               ]);
+               $a->page->registerFooterScript(Theme::getPathForFile('js/ajaxupload.js'));
+               $a->page->registerFooterScript(Theme::getPathForFile('js/linkPreview.js'));
+               $a->page->registerFooterScript(Theme::getPathForFile('js/compose.js'));
 
                $tpl = Renderer::getMarkupTemplate('item/compose.tpl');
                return Renderer::replaceMacros($tpl, [
                        '$compose_title'=> $compose_title,
+                       '$visibility_title'=> L10n::t('Visibility'),
                        '$id'           => 0,
                        '$posttype'     => $posttype,
                        '$type'         => $type,
@@ -197,25 +143,26 @@ class Compose extends BaseModule
                        '$wait'         => L10n::t('Please wait'),
                        '$placeholdertitle' => L10n::t('Set title'),
                        '$placeholdercategory' => (Feature::isEnabled(local_user(),'categories') ? L10n::t('Categories (comma-separated list)') : ''),
-                       '$public_title'  => L10n::t('Public'),
-                       '$public_desc'  => L10n::t('This post will be sent to all your followers and can be seen in the community pages and by anyone with its link.'),
-                       '$custom_title' => L10n::t('Limited/Private'),
-                       '$custom_desc'  => L10n::t('This post will be sent only to the people in the first box, to the exception of the people mentioned in the second box. It won\'t appear anywhere public.'),
-                       '$emailcc'      => L10n::t('CC: email addresses'),
+
                        '$title'        => $title,
                        '$category'     => $category,
                        '$body'         => $body,
                        '$location'     => $location,
-                       '$visibility'   => $visibility,
-                       '$contact_allow'=> $contact_allow,
-                       '$group_allow'  => $group_allow,
-                       '$contact_deny' => $contact_deny,
-                       '$group_deny'   => $group_deny,
+
+                       '$contact_allow'=> implode(',', $contact_allow_list),
+                       '$group_allow'  => implode(',', $group_allow_list),
+                       '$contact_deny' => implode(',', $contact_deny_list),
+                       '$group_deny'   => implode(',', $group_deny_list),
+
                        '$jotplugins'   => $jotplugins,
-                       '$doesFederate' => $doesFederate,
-                       '$jotnets_fields'=> $jotnets_fields,
                        '$sourceapp'    => L10n::t($a->sourcename),
-                       '$rand_num'     => Crypto::randomDigits(12)
+                       '$rand_num'     => Crypto::randomDigits(12),
+                       '$acl_selector'  => ACL::getFullSelectorHTML($a->page, $a->user, $doesFederate, [
+                               'allow_cid' => $contact_allow_list,
+                               'allow_gid' => $group_allow_list,
+                               'deny_cid'  => $contact_deny_list,
+                               'deny_gid'  => $group_deny_list,
+                       ]),
                ]);
        }
 }
diff --git a/view/templates/item/compose-footer.tpl b/view/templates/item/compose-footer.tpl
deleted file mode 100644 (file)
index 7e18d18..0000000
+++ /dev/null
@@ -1,250 +0,0 @@
-<script type="text/javascript">
-       function updateLocationButtonDisplay(location_button, location_input)
-       {
-               location_button.classList.remove('btn-primary');
-               if (location_input.value) {
-                       location_button.disabled = false;
-                       location_button.classList.add('btn-primary');
-                       location_button.title = location_button.dataset.titleClear;
-               } else if (!"geolocation" in navigator) {
-                       location_button.disabled = true;
-                       location_button.title = location_button.dataset.titleUnavailable;
-               } else if (location_button.disabled) {
-                       location_button.title = location_button.dataset.titleDisabled;
-               } else {
-                       location_button.title = location_button.dataset.titleSet;
-               }
-       }
-
-       $(function() {
-               // Jot attachment live preview.
-               let $textarea = $('#comment-edit-text-0');
-               $textarea.linkPreview();
-               $textarea.keyup(function(){
-                       var textlen = $(this).val().length;
-                       $('#character-counter').text(textlen);
-               });
-               $textarea.editor_autocomplete(baseurl + '/search/acl');
-               $textarea.bbco_autocomplete('bbcode');
-
-               let $acl_allow_input = $('#acl_allow');
-               let $group_allow_input = $('[name=group_allow]');
-               let $contact_allow_input = $('[name=contact_allow]');
-               let $acl_deny_input = $('#acl_deny');
-               let $group_deny_input = $('[name=group_deny]');
-               let $contact_deny_input = $('[name=contact_deny]');
-
-               // Visibility accordion
-
-               // Prevents open panel to collapse
-               // @see https://stackoverflow.com/a/43593116
-               $('[data-toggle="collapse"]').click(function(e) {
-                       target = $(this).attr('href');
-                       if ($(target).hasClass('in')) {
-                               e.preventDefault(); // to stop the page jump to the anchor target.
-                               e.stopPropagation()
-                       }
-               });
-               // Accessibility: enable space and enter to open a panel when focused
-               $('body').on('keyup', '[data-toggle="collapse"]:focus', function (e) {
-                       if (e.key === ' ' || e.key === 'Enter') {
-                               $(this).click();
-                               e.preventDefault();
-                               e.stopPropagation();
-                       }
-               });
-
-               $('#visibility-public-panel').on('show.bs.collapse', function() {
-                       $('#visibility-public').prop('checked', true);
-                       $group_allow_input.prop('disabled', true);
-                       $contact_allow_input.prop('disabled', true);
-                       $group_deny_input.prop('disabled', true);
-                       $contact_deny_input.prop('disabled', true);
-
-                       $('.profile-jot-net input[type=checkbox]').each(function() {
-                               // Restores checkbox state if it had been saved
-                               if ($(this).attr('data-checked') !== undefined) {
-                                       $(this).prop('checked', $(this).attr('data-checked') === 'true');
-                               }
-                       });
-                       $('.profile-jot-net input').attr('disabled', false);
-               });
-
-               $('#visibility-custom-panel').on('show.bs.collapse', function() {
-                       $('#visibility-custom').prop('checked', true);
-                       $group_allow_input.prop('disabled', false);
-                       $contact_allow_input.prop('disabled', false);
-                       $group_deny_input.prop('disabled', false);
-                       $contact_deny_input.prop('disabled', false);
-
-                       $('.profile-jot-net input[type=checkbox]').each(function() {
-                               // Saves current checkbox state
-                               $(this)
-                                       .attr('data-checked', $(this).prop('checked'))
-                                       .prop('checked', false);
-                       });
-                       $('.profile-jot-net input').attr('disabled', 'disabled');
-               });
-
-               if (document.querySelector('input[name="visibility"]:checked').value === 'custom') {
-                       $('#visibility-custom-panel').collapse({parent: '#visibility-accordion'});
-               }
-
-               // Custom visibility tags inputs
-
-               let acl_groups = new Bloodhound({
-                       local: {{$acl_groups|@json_encode nofilter}},
-                       identify: function(obj) { return obj.id; },
-                       datumTokenizer: Bloodhound.tokenizers.obj.whitespace(['name']),
-                       queryTokenizer: Bloodhound.tokenizers.whitespace,
-               });
-               let acl_contacts = new Bloodhound({
-                       local: {{$acl_contacts|@json_encode nofilter}},
-                       identify: function(obj) { return obj.id; },
-                       datumTokenizer: Bloodhound.tokenizers.obj.whitespace(['name', 'addr']),
-                       queryTokenizer: Bloodhound.tokenizers.whitespace,
-               });
-               let acl = new Bloodhound({
-                       local: {{$acl|@json_encode nofilter}},
-                       identify: function(obj) { return obj.id; },
-                       datumTokenizer: Bloodhound.tokenizers.obj.whitespace(['name', 'addr']),
-                       queryTokenizer: Bloodhound.tokenizers.whitespace,
-               });
-               acl.initialize();
-
-               let suggestionTemplate = function (item) {
-                       return '<div><img src="' + item.micro + '" alt="" style="float: left; width: auto; height: 2.8em; margin-right: 0.5em;"> <strong>' + item.name + '</strong><br /><em>' + item.addr + '</em></div>';
-               };
-
-               $acl_allow_input.tagsinput({
-                       confirmKeys: [13, 44],
-                       freeInput: false,
-                       tagClass: function(item) {
-                               switch (item.type) {
-                                       case 'group'   : return 'label label-primary';
-                                       case 'contact'  :
-                                       default:
-                                               return 'label label-info';
-                               }
-                       },
-                       itemValue: 'id',
-                       itemText: 'name',
-                       itemThumb: 'micro',
-                       itemTitle: function(item) {
-                               return item.addr;
-                       },
-                       typeaheadjs: {
-                               name: 'contacts',
-                               displayKey: 'name',
-                               templates: {
-                                       suggestion: suggestionTemplate
-                               },
-                               source: acl.ttAdapter()
-                       }
-               });
-
-               $acl_deny_input
-               .tagsinput({
-                       confirmKeys: [13, 44],
-                       freeInput: false,
-                       tagClass: function(item) {
-                               switch (item.type) {
-                                       case 'group'   : return 'label label-primary';
-                                       case 'contact'  :
-                                       default:
-                                               return 'label label-info';
-                               }
-                       },
-                       itemValue: 'id',
-                       itemText: 'name',
-                       itemThumb: 'micro',
-                       itemTitle: function(item) {
-                               return item.addr;
-                       },
-                       typeaheadjs: {
-                               name: 'contacts',
-                               displayKey: 'name',
-                               templates: {
-                                       suggestion: suggestionTemplate
-                               },
-                               source: acl.ttAdapter()
-                       }
-               });
-
-               // Import existing ACL into the tags input fields.
-
-               $group_allow_input.val().split(',').forEach(function (val) {
-                       $acl_allow_input.tagsinput('add', acl_groups.get(val)[0]);
-               });
-               $contact_allow_input.val().split(',').forEach(function (val) {
-                       $acl_allow_input.tagsinput('add', acl_contacts.get(val)[0]);
-               });
-               $group_deny_input.val().split(',').forEach(function (val) {
-                       $acl_deny_input.tagsinput('add', acl_groups.get(val)[0]);
-               });
-               $contact_deny_input.val().split(',').forEach(function (val) {
-                       $acl_deny_input.tagsinput('add', acl_contacts.get(val)[0]);
-               });
-
-               // Anti-duplicate callback + acl fields value generation
-
-               $acl_allow_input.on('itemAdded', function (event) {
-                       // Removes duplicate in the opposite acl box
-                       $acl_deny_input.tagsinput('remove', event.item);
-
-                       // Update the real acl field
-                       $group_allow_input.val('');
-                       $contact_allow_input.val('');
-                       [].forEach.call($acl_allow_input.tagsinput('items'), function (item) {
-                               if (item.type === 'group') {
-                                       $group_allow_input.val($group_allow_input.val() + '<' + item.id + '>');
-                               } else {
-                                       $contact_allow_input.val($contact_allow_input.val() + '<' + item.id + '>');
-                               }
-                       });
-               });
-
-               $acl_deny_input.on('itemAdded', function (event) {
-                       // Removes duplicate in the opposite acl box
-                       $acl_allow_input.tagsinput('remove', event.item);
-
-                       // Update the real acl field
-                       $group_deny_input.val('');
-                       $contact_deny_input.val('');
-                       [].forEach.call($acl_deny_input.tagsinput('items'), function (item) {
-                               if (item.type === 'group') {
-                                       $group_deny_input.val($group_allow_input.val() + '<' + item.id + '>');
-                               } else {
-                                       $contact_deny_input.val($contact_allow_input.val() + '<' + item.id + '>');
-                               }
-                       });
-               });
-
-               let location_button = document.getElementById('profile-location');
-               let location_input = document.getElementById('jot-location');
-
-               updateLocationButtonDisplay(location_button, location_input);
-
-               location_input.addEventListener('change', function () {
-                       updateLocationButtonDisplay(location_button, location_input);
-               });
-               location_input.addEventListener('keyup', function () {
-                       updateLocationButtonDisplay(location_button, location_input);
-               });
-
-               location_button.addEventListener('click', function() {
-                       if (location_input.value) {
-                               location_input.value = '';
-                               updateLocationButtonDisplay(location_button, location_input);
-                       } else if ("geolocation" in navigator) {
-                               navigator.geolocation.getCurrentPosition(function(position) {
-                                       location_input.value = position.coords.latitude + ', ' + position.coords.longitude;
-                                       updateLocationButtonDisplay(location_button, location_input);
-                               }, function (error) {
-                                       location_button.disabled = true;
-                                       updateLocationButtonDisplay(location_button, location_input);
-                               });
-                       }
-               });
-       })
-</script>
index d18b1a2d36af1aa07ee09193ea7e6ee395d59ad0..8b7414fd6780694c4338786aa687b2789a36d87d 100644 (file)
 
                        <div id="comment-edit-preview-{{$id}}" class="comment-edit-preview" style="display:none;"></div>
 
-                       <input type="hidden" name="group_allow" value="{{$group_allow}}" {{if $visibility == 'public'}}disabled{{/if}}/>
-                       <input type="hidden" name="contact_allow" value="{{$contact_allow}}" {{if $visibility == 'public'}}disabled{{/if}}/>
-                       <input type="hidden" name="group_deny" value="{{$group_deny}}" {{if $visibility == 'public'}}disabled{{/if}}/>
-                       <input type="hidden" name="contact_deny" value="{{$contact_deny}}" {{if $visibility == 'public'}}disabled{{/if}}/>
 {{if $type == 'post'}}
-                       <h3>Visibility</h3>
-                       <div class="panel-group" id="visibility-accordion" role="tablist" aria-multiselectable="true">
-                               <div class="panel panel-success">
-                                       <div class="panel-heading" id="visibility-public-heading" role="button" data-toggle="collapse" data-parent="#visibility-accordion" href="#visibility-public-panel" aria-expanded="true" aria-controls="visibility-public-panel" tabindex="14">
-                                               <label>
-                                                       <input type="radio" name="visibility" id="visibility-public" value="public" {{if $visibility == 'public'}}checked{{/if}} style="display:none">
-                                                       <i class="fa fa-globe"></i> {{$public_title}}
-                                               </label>
-                                       </div>
-                                       <div id="visibility-public-panel" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="visibility-public-heading">
-                                               <div class="panel-body">
-                                                       <p>{{$public_desc}}</p>
-                    {{if $doesFederate && $jotnets_fields}}
-                        {{if $jotnets_fields|count < 3}}
-                                                       <div class="profile-jot-net">
-                        {{else}}
-                                                       <details class="profile-jot-net">
-                                                       <summary>{{$jotnets_summary}}</summary>
-                        {{/if}}
+                       <h3>{{$visibility_title}}</h3>
+                       {{$acl_selector nofilter}}
 
-                        {{foreach $jotnets_fields as $jotnets_field}}
-                            {{if $jotnets_field.type == 'checkbox'}}
-                                {{include file="field_checkbox.tpl" field=$jotnets_field.field}}
-                            {{elseif $jotnets_field.type == 'select'}}
-                                {{include file="field_select.tpl" field=$jotnets_field.field}}
-                            {{/if}}
-                        {{/foreach}}
-
-                        {{if $jotnets_fields|count >= 3}}
-                                                       </details>
-                        {{else}}
-                                                       </div>
-                        {{/if}}
-                    {{/if}}
-                                               </div>
-                                       </div>
-                               </div>
-                               <div class="panel panel-info">
-                                       <div class="panel-heading collapsed" id="visibility-custom-heading" role="button" data-toggle="collapse" data-parent="#visibility-accordion" href="#visibility-custom-panel" aria-expanded="true" aria-controls="visibility-custom-panel" tabindex="15">
-                                               <label>
-                                                       <input type="radio" name="visibility" id="visibility-custom" value="custom" {{if $visibility == 'custom'}}checked{{/if}} style="display:none">
-                                                       <i class="fa fa-lock"></i> {{$custom_title}}
-                                               </label>
-                                       </div>
-                                       <div id="visibility-custom-panel" class="panel-collapse collapse" role="tabpanel" aria-labelledby="visibility-custom-heading">
-                                               <div class="panel-body">
-                                                       <p>{{$custom_desc}}</p>
-
-                                                       <div class="form-group">
-                                                               <label for="acl_allow">Deliver to:</label>
-                                                               <input type="text" class="form-control input-lg" id="acl_allow">
-                                                       </div>
-
-                                                       <div class="form-group">
-                                                               <label for="acl_deny">Except to:</label>
-                                                               <input type="text" class="form-control input-lg" id="acl_deny">
-                                                       </div>
-                                               </div>
-                                       </div>
-                               </div>
-                       </div>
-        {{if $doesFederate}}
-                       <div class="form-group">
-                               <label for="profile-jot-email" id="profile-jot-email-label">{{$emailcc}}</label>
-                               <input type="text" name="emailcc" id="profile-jot-email" class="form-control" title="{{$emtitle}}" />
-                       </div>
-                       <div id="profile-jot-email-end"></div>
-               {{/if}}
                        <div class="jotplugins">
                                {{$jotplugins nofilter}}
                        </div>
+{{else}}
+                       <input type="hidden" name="group_allow" value="{{$group_allow}}"/>
+                       <input type="hidden" name="contact_allow" value="{{$contact_allow}}"/>
+                       <input type="hidden" name="group_deny" value="{{$group_deny}}"/>
+                       <input type="hidden" name="contact_deny" value="{{$contact_deny}}"/>
 {{/if}}
                </form>
        </div>
diff --git a/view/theme/frio/js/compose.js b/view/theme/frio/js/compose.js
new file mode 100644 (file)
index 0000000..88cd386
--- /dev/null
@@ -0,0 +1,57 @@
+$(function() {
+       // Jot attachment live preview.
+       let $textarea = $('textarea[name=body]');
+       $textarea.linkPreview();
+       $textarea.keyup(function(){
+               var textlen = $(this).val().length;
+               $('#character-counter').text(textlen);
+       });
+       $textarea.editor_autocomplete(baseurl + '/search/acl');
+       $textarea.bbco_autocomplete('bbcode');
+
+       let location_button = document.getElementById('profile-location');
+       let location_input = document.getElementById('jot-location');
+
+       if (location_button && location_input) {
+               updateLocationButtonDisplay(location_button, location_input);
+
+               location_input.addEventListener('change', function () {
+                       updateLocationButtonDisplay(location_button, location_input);
+               });
+               location_input.addEventListener('keyup', function () {
+                       updateLocationButtonDisplay(location_button, location_input);
+               });
+
+               location_button.addEventListener('click', function() {
+                       if (location_input.value) {
+                               location_input.value = '';
+                               updateLocationButtonDisplay(location_button, location_input);
+                       } else if ("geolocation" in navigator) {
+                               navigator.geolocation.getCurrentPosition(function(position) {
+                                       location_input.value = position.coords.latitude + ', ' + position.coords.longitude;
+                                       updateLocationButtonDisplay(location_button, location_input);
+                               }, function (error) {
+                                       location_button.disabled = true;
+                                       updateLocationButtonDisplay(location_button, location_input);
+                               });
+                       }
+               });
+       }
+});
+
+function updateLocationButtonDisplay(location_button, location_input)
+{
+       location_button.classList.remove('btn-primary');
+       if (location_input.value) {
+               location_button.disabled = false;
+               location_button.classList.add('btn-primary');
+               location_button.title = location_button.dataset.titleClear;
+       } else if (!"geolocation" in navigator) {
+               location_button.disabled = true;
+               location_button.title = location_button.dataset.titleUnavailable;
+       } else if (location_button.disabled) {
+               location_button.title = location_button.dataset.titleDisabled;
+       } else {
+               location_button.title = location_button.dataset.titleSet;
+       }
+}