Improve online runner check

[Zettat123]

This PR moves "no online runner" warning to the runs list.

A job's runs-on may contain expressions like runs-on: [self-hosted, "${{ inputs.chosen-os }}"] so the value of runs-on may be different in each run. We cannot check it through the workflow file.

Screenshots

Before:

After:

This PR also splits prepareWorkflowDispatchTemplate function into 2 functions:

• prepareWorkflowTemplate get and check all of the workflows
• prepareWorkflowDispatchTemplate only prepare workflow dispatch config for workflow_dispatch workflows.

[ChristopherHX]

I actually missed a placeholder job log of all queued (waiting) jobs that contains the actual runner label.

The advantage over could be run-list performance, on the other hand it is also nice to not need to go into the job list at all.

[Zettat123]

I actually missed a placeholder job log of all queued (waiting) jobs that contains the actual runner label.

The advantage over could be run-list performance, on the other hand it is also nice to not need to go into the job list at all.

Maybe we can add this warning to the job list later as well.

[wxiaoguang]

Please check whether new changes look good

[Zettat123]

Please check whether new changes look good

Thanks for the change. I just have a small question: the distance between the two icons and the text looks different, is this as expected?

[wxiaoguang]

Please check whether new changes look good

Thanks for the change. I just have a small question: the distance between the two icons and the text looks different, is this as expected?

inline means the space is for inline texts, 0.25em is like a normal space

block means the space is for block elements, 0.5em is for their space margins.

The left one: it is not a sentence, left is name, right is icon, two "block" elements.

The right one: it is in a sentence "commit xxx pushed by yyy". So the texts need 0.25em gap. If you'd like to add gap for the icon, the layout needs to be <flex block> <flex inline>commit xxx pushed by yyy</flex inline> <svg></flex block>. But I think it doesn't need to be that complex.

[Zettat123]

Please check whether new changes look good

Thanks for the change. I just have a small question: the distance between the two icons and the text looks different, is this as expected?

inline means the space is for inline texts, 0.25em is like a normal space

block means the space is for block elements, 0.5em is for their space margins.

The left one: it is not a sentence, left is name, right is icon, two "block" elements.

The right one: it is in a sentence "commit xxx pushed by yyy". So the texts need 0.25em gap. If you'd like to add gap for the icon, the layout needs to be <flex block> <flex inline>commit xxx pushed by yyy</flex inline> <svg></flex block>. But I think it doesn't need to be that complex.

Thank you! Now I understand this. Looks good to me.