web-components/ccp/executionformfragment.html

60 lines
2.1 KiB
HTML
Raw Normal View History

2022-03-25 15:39:39 +01:00
<div>
2022-05-06 12:54:22 +02:00
<link rel="stylesheet" href="https://cdn.dev.d4science.org/ccp/css/common.css"></link>
2022-03-25 15:39:39 +01:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
2022-03-28 17:54:21 +02:00
<style>
</style>
2022-03-25 15:39:39 +01:00
<template id="EXECUTION_FORM_TEMPLATE">
2022-03-29 16:11:12 +02:00
<div class="ccp-execution-form" name="execution_form">
2022-05-05 16:51:47 +02:00
<h5 class="ccp-method-title"></h5>
2022-05-05 16:46:59 +02:00
<p class="description font-italic font-weight-lighter"></p>
2022-03-25 15:39:39 +01:00
<div name="plexiglass" class="ccp-invisible">
<span name="status"></span>
<span class="fas fa-spinner fa-spin"></span>
</div>
2022-04-13 12:12:26 +02:00
<form name="execution_form" class="d-flex flex-column gap-3" style="gap:5px">
2022-04-12 19:51:38 +02:00
<div class="card">
<div class="card-header">
<h5>Inputs</h5>
</div>
<div class="card-body ccp-inputs">
<div class="card-body">
<div class="form-group"></div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h5>Outputs</h5>
</div>
<div class="card-body">
<div class="form-row ccp-outputs">
<div class="col form-group"></div>
</div>
</div>
</div>
2022-04-22 20:00:15 +02:00
<!--div class="card">
2022-04-12 19:51:38 +02:00
<div class="card-header">
<h5>Runtimes <span alt="refresh" title="refresh" style="cursor:pointer" name="refresh-runtimes" class="text-info">&#8634;</span></h5>
</div>
<div class="card-body">
<div class="ccp-runtimes">
<div class="form-row">
<select class="form-control">
</select>
</div>
</div>
</div>
2022-04-22 20:00:15 +02:00
</div-->
2022-04-13 12:12:26 +02:00
<button id="execute_method_button" class="btn btn-info">Execute</button>
2022-03-28 16:42:02 +02:00
</form>
</div>
2022-03-25 15:39:39 +01:00
</template>
<template id="EXECUTION_FORM_EMPTY_TEMPLATE">
2022-03-28 16:42:02 +02:00
<div name="execution_form">
2022-03-29 16:06:46 +02:00
<i style="padding:3rem">Select a method</i>
2022-03-28 16:42:02 +02:00
</div>
2022-03-25 15:39:39 +01:00
</template>
2022-03-28 16:42:02 +02:00
<div name="execution_form"></div>
2022-03-29 16:11:12 +02:00
</div>