aljawaid / glancer Goto Github PK

Allow a way to copy the comment to the clipboard, using clipboard.js

• Install and test clipboard.js in plugin
• Add copy button for html
• Add copy button for markdown
• Add copy button for rendered comment
• Add to all templates where appropriate

Kanboard doesn't show the Comment ID by default for users.

By displaying in the Activity Stream, users can begin to get familiar with a granular way of directly reaching the task instead of just using the Task ID.

I coded to make 'time ago' readable and sensible for up to 5 years based on the existing comment date creation.

It works fine, EXCEPT:

• I've noticed any comments which have been created within 'hours' and not 'days' still go through my code and then show the default 'over 5 years ago`

I was expecting the Kanboard '5h' or '~5h' as it is in the core but it seems ignored. I'd like to change the 'h' to 'hrs' or 'hours' but the code in the function is complicated to strip. Days is more important in workload anyway so i got that working.

I need help with the code to ignore the minutes and hours

The tooltip is the correct value in the picture

Commit: cfbf1fe

I have an external wiki that I use for documentation and would very much like a link to the wiki board directly and always visible within the kanboard. What I am requesting is the ability to add a link and text in Glancer that is always visible. Glancer seems like an ideal candidate because of its visibility within the kanboard itself. Thanks for your consideration.

Is it updated/deleted based on which date/time?

• Need to clarify:
• when the comment was updated/deleted...
• but also make it clear when the activity event was updated/created

Can anybody help with how to find the comment ID and display the associated task? I've tried a few different ways, one is below, but nothing seems to work.

<?= $this->model->commentModel->getById($comment['id']); ?>
			<form method="get" action="<?= $this->url->dir() ?>#comment-<?= $comment['id']; ?>" class="search">
            <?= $this->form->hidden('controller', array('controller' => 'TaskViewController')) ?>
            <?= $this->form->hidden('action', array('action' => 'show','task_id' => $task['id'], 'project_id' => $task['project_id'], 'comment_id' => $comment['id'])) ?>

            

            <div class="glancer-bar-input">
                <?= $this->form->text('comment_id', array(), array(), array('placeholder="'.t('Enter Comment ID').'"', 'pattern="[0-9.]+" title="'.t('Enter Comment ID').'"'.'aria-label="'.t('Enter Comment ID').'"'.'style=""'), 'input-addon-field border-radius') ?>
            </div>
        	</form>

you can default to the dashboard in the controller if a bad id is input.

Originally posted by @creecros in #1 (comment)

I'm sorry, I did not see how to write you without making it an "issue"

Have you heard of mermaid? It allows simple text to become a diagram.

Where i came across the idea:
https://kanboard.discourse.group/t/new-plugin-addmermaid/2392

I do not see any plugins that allow it yet, however I was able to simply add it to my plugins directory and now I can draw diagrams easily!
So awesome, I wanted the community to have this ability and it should be a piece of cake for you to create as a plugin.

Mermaids main site:
https://mermaid-js.github.io/mermaid/#/

Code example in any task's description that will diagram once installed:

<div class="mermaid">
sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
    Alice-)John: See you later!
</div>

A second example:

<div class="mermaid">
flowchart LR
    A-->B
    B-->C
    C-->D
    D-->E
    click A "https://www.github.com" _blank
    click B "https://www.github.com" "Open this in a new tab" _blank
    click C href "https://www.github.com" _blank
    click D href "https://www.github.com" "Open this in a new tab" _blank
</div>

My request: Please can you make a simple plugin so others may install this easily ?

Best wishes,
Faisal

Will need to save values for #21

When normal (non-admin) users login with Glancer installed, after logging in, the user is directed to a page not found message. Clicking on the dashboard icon takes them to the dashboard. But straight after login, the first page, which should be the dashboard, is the not found page (which is blank, just the header and glancer bar).

Apply to this plugin:

aljawaid/PluginManager@c8e2e28

Current process will default to the dashboard when no ID is found in the glancer bar. Need a fade out (like when task updated) to notify user of failure and redirection.

The end resulting link Shows Task in url and also displays task which is fine but not ideal...

My Version for Direct to comment
$this->response->redirect($this->helper->url->to('TaskCommentViewController', 'showTask', array('plugin' => 'Glancer', 'task_id' => $task_id), 'comment-'$commentID), true);

Notice the 'comment-'$commentIDas I'm trying to result in...https://my.company.com/project/37/task/476#comment-3754` which is how the current default 'link to comment' in the comment dropdown works. (It goes direct to show the comment within the task on enter)

I thought maybe I would need to add a route but I got confused as when it shows the commentID-searched task, its a nice task pretty url... so very confused on this one.

Any input please?

To fix:

2022/10/31 17:49:37 [error] 15#15: *45 FastCGI sent in stderr: "PHP message: PHP Deprecated: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in /var/www/app/app/Core/Http/Route.php on line 155

Just need to add a empty parameter, when I or you get a chance. Just a annoying deprecated message.

    this should give you more detail on what that route should look like:

https://github.com/kanboard/kanboard/blob/ce6c4dfc67713840b9f17551b816d3eef3bca3ab/app/ServiceProvider/RouteProvider.php#L91

Originally posted by @creecros in #1 (comment)

The bar is currently very tight in its styling.

• Rebuild layout for Glancer bar
• Feature request: ability to add a href link and text or image in Glancer #21

Comment Action Buttons

At the moment:

• Direct Link
• Edit Comment
• Delete Comment

Pondering over:

• Back to top (from each task comment box)
• Back to board
• Project overview

    i figured it out. It's your JS. everything works if you turn it off.

I'm not a JS or JQuery expert to tell you why, so I will leave that one for you to solve.

has to be something in here though:

  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 1000, function(){

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});

I don't like the words, preventDefault, that doesn't sound good, specially since it prevents anchor click behavior, which is what your issue is. Only you can prevent forest fires 😄

Originally posted by @creecros in #15 (comment)

Add a button to jump to the comment, instead of the default task link.

Already added button and styled through c441e1e but the button just goes to the dashboard (as the expected fallback default). It should go to the comment cirectly just like the glancer bar comment search button at the bottom of the screen

Based on #18 Copy Comment to Clipboard

• Do the same for task descriptions. Create a "Copy Bar"

Apply GTD to task descriptions

• Add Copy Task Description Feature #19
• Show states if description empty or complete

Discussed in #26

I Cant seem to get this to work:

I replaced the activity template to add a css ID which will target from the comments through an icon.

<?= $this->url->icon('eye', t('Overview'), 'ProjectOverviewController', 'show', array('project_id' => $task['project_id']), false, 'comment-board', 'View recent activity in this project', false, 'ActivityOverview') ?>

in the addressbar, it works:
domain.com/project/37/overview#ActivityOverview