Github user saurfang commented on a diff in the pull request:

    https://github.com/apache/spark/pull/7082#discussion_r33610564
  
    --- Diff: core/src/main/scala/org/apache/spark/ui/jobs/StagePage.scala ---
    @@ -572,55 +572,55 @@ private[ui] class StagePage(parent: StagesTab) 
extends WebUIPage("stage") {
             val attempt = taskInfo.attempt
             val timelineObject =
               s"""
    -             {
    -               'className': 'task task-assignment-timeline-object',
    -               'group': '$executorId',
    -               'content': '<div class="task-assignment-timeline-content"' +
    -                 'data-toggle="tooltip" data-placement="top"' +
    -                 'data-html="true" data-container="body"' +
    -                 'data-title="${s"Task " + index + " (attempt " + attempt 
+ ")"}<br>' +
    -                 'Status: ${taskInfo.status}<br>' +
    -                 'Launch Time: ${UIUtils.formatDate(new 
Date(launchTime))}' +
    -                 '${
    +             |{
    +               |'className': 'task task-assignment-timeline-object',
    +               |'group': '$executorId',
    +               |'content': '<div class="task-assignment-timeline-content"
    +                 |data-toggle="tooltip" data-placement="top"
    +                 |data-html="true" data-container="body"
    +                 |data-title="${s"Task " + index + " (attempt " + attempt 
+ ")"}<br>
    +                 |Status: ${taskInfo.status}<br>
    +                 |Launch Time: ${UIUtils.formatDate(new Date(launchTime))}
    +                 |${
                          if (!taskInfo.running) {
                            s"""<br>Finish Time: ${UIUtils.formatDate(new 
Date(finishTime))}"""
                          } else {
                             ""
                           }
    -                   }' +
    -                 '<br>Scheduler Delay: $schedulerDelay ms' +
    -                 '<br>Task Deserialization Time: 
${UIUtils.formatDuration(deserializationTime)}' +
    -                 '<br>Shuffle Read Time: 
${UIUtils.formatDuration(shuffleReadTime)}' +
    -                 '<br>Executor Computing Time: 
${UIUtils.formatDuration(executorComputingTime)}' +
    -                 '<br>Shuffle Write Time: 
${UIUtils.formatDuration(shuffleWriteTime)}' +
    -                 '<br>Result Serialization Time: 
${UIUtils.formatDuration(serializationTime)}' +
    -                 '<br>Getting Result Time: 
${UIUtils.formatDuration(gettingResultTime)}">' +
    -                 '<svg class="task-assignment-timeline-duration-bar">' +
    -                 '<rect class="scheduler-delay-proportion" ' +
    -                   'x="$schedulerDelayProportionPos%" y="0px" 
height="26px"' +
    -                   'width="$schedulerDelayProportion%""></rect>' +
    -                 '<rect class="deserialization-time-proportion" '+
    -                   'x="$deserializationTimeProportionPos%" y="0px" 
height="26px"' +
    -                   'width="$deserializationTimeProportion%"></rect>' +
    -                 '<rect class="shuffle-read-time-proportion" ' +
    -                   'x="$shuffleReadTimeProportionPos%" y="0px" 
height="26px"' +
    -                   'width="$shuffleReadTimeProportion%"></rect>' +
    -                 '<rect class="executor-runtime-proportion" ' +
    -                   'x="$executorRuntimeProportionPos%" y="0px" 
height="26px"' +
    -                   'width="$executorComputingTimeProportion%"></rect>' +
    -                 '<rect class="shuffle-write-time-proportion" ' +
    -                   'x="$shuffleWriteTimeProportionPos%" y="0px" 
height="26px"' +
    -                   'width="$shuffleWriteTimeProportion%"></rect>' +
    -                 '<rect class="serialization-time-proportion" ' +
    -                   'x="$serializationTimeProportionPos%" y="0px" 
height="26px"' +
    -                   'width="$serializationTimeProportion%"></rect>' +
    -                 '<rect class="getting-result-time-proportion" ' +
    -                   'x="$gettingResultTimeProportionPos%" y="0px" 
height="26px"' +
    -                   'width="$gettingResultTimeProportion%"></rect></svg>',
    -               'start': new Date($launchTime),
    -               'end': new Date($finishTime)
    -             }
    -           """
    +                   }
    +                 |<br>Scheduler Delay: $schedulerDelay ms
    +                 |<br>Task Deserialization Time: 
${UIUtils.formatDuration(deserializationTime)}
    +                 |<br>Shuffle Read Time: 
${UIUtils.formatDuration(shuffleReadTime)}
    +                 |<br>Executor Computing Time: 
${UIUtils.formatDuration(executorComputingTime)}
    +                 |<br>Shuffle Write Time: 
${UIUtils.formatDuration(shuffleWriteTime)}
    +                 |<br>Result Serialization Time: 
${UIUtils.formatDuration(serializationTime)}
    +                 |<br>Getting Result Time: 
${UIUtils.formatDuration(gettingResultTime)}">
    +                 |<svg class="task-assignment-timeline-duration-bar">
    +                 |<rect class="scheduler-delay-proportion"
    +                   |x="$schedulerDelayProportionPos%" y="0px" height="26px"
    +                   |width="$schedulerDelayProportion%""></rect>
    +                 |<rect class="deserialization-time-proportion"
    +                   |x="$deserializationTimeProportionPos%" y="0px" 
height="26px"
    +                   |width="$deserializationTimeProportion%"></rect>
    +                 |<rect class="shuffle-read-time-proportion"
    +                   |x="$shuffleReadTimeProportionPos%" y="0px" 
height="26px"
    +                   |width="$shuffleReadTimeProportion%"></rect>
    +                 |<rect class="executor-runtime-proportion"
    +                   |x="$executorRuntimeProportionPos%" y="0px" 
height="26px"
    +                   |width="$executorComputingTimeProportion%"></rect>
    +                 |<rect class="shuffle-write-time-proportion"
    +                   |x="$shuffleWriteTimeProportionPos%" y="0px" 
height="26px"
    +                   |width="$shuffleWriteTimeProportion%"></rect>
    +                 |<rect class="serialization-time-proportion"
    +                   |x="$serializationTimeProportionPos%" y="0px" 
height="26px"
    +                   |width="$serializationTimeProportion%"></rect>
    +                 |<rect class="getting-result-time-proportion"
    +                   |x="$gettingResultTimeProportionPos%" y="0px" 
height="26px"
    +                   |width="$gettingResultTimeProportion%"></rect></svg>',
    +               |'start': new Date($launchTime),
    +               |'end': new Date($finishTime)
    +             |}
    +           |""".stripMargin.replaceAll("\n", " ")
    --- End diff --
    
    Right. It complained ILLEGAL character and that string is still shown as 
multiline in developer console. I think the `line.separator` wouldn't work at 
least for my case where I'm compiling on Windows but deploying on Linux. Don't 
ask me why :)


---
If your project is set up for it, you can reply to this email and have your
reply appear on GitHub as well. If your project does not have this feature
enabled and wishes so, or if the feature is enabled but not working, please
contact infrastructure at [email protected] or file a JIRA ticket
with INFRA.
---

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to