STEINNI
191 lines
7.4 KiB
HTML
191 lines
7.4 KiB
HTML
<style>
|
|
.support > header {
|
|
background: url('/app/assets/images/cards/support.jpg');
|
|
background-position-y: center;
|
|
}
|
|
.support > header h2 {
|
|
white-space: normal !important;
|
|
margin-right: calc(var(--eicui-base-spacing-4xl) * 3);
|
|
width: auto;
|
|
display: grid !important;
|
|
}
|
|
.support > header h2 span {
|
|
background: #0000006e;
|
|
padding: var(--eicui-base-spacing-2xs);
|
|
margin: 0px 220px 0 0;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.support-tickets .inspector.loading > section {
|
|
min-height: 240px;
|
|
}
|
|
.support-tickets .inspector.loading::after {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #ffffff9c;
|
|
font-family: 'glyphs' !important;
|
|
opacity: 0.4;
|
|
}
|
|
.support-tickets .inspector.loading > section::after {
|
|
content: "\\e981";
|
|
animation: spin 1s infinite linear;
|
|
font-family: 'glyphs' !important;
|
|
width: min-content;
|
|
height: min-content;
|
|
color: var(--eicui-base-color-primary);
|
|
font-size: var(--app-font-size-2xl);
|
|
z-index: 2;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: auto;
|
|
}
|
|
.support-tickets {
|
|
resize: vertical;
|
|
height: 42vh;
|
|
overflow: hidden;
|
|
padding-bottom: var(--eicui-base-spacing-l) !important;
|
|
}
|
|
.support-tickets .list {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.support-tickets .list [eicdatagrid] {
|
|
resize: horizontal;
|
|
|
|
min-width: 350px;
|
|
height: 100%;
|
|
display: grid;
|
|
}
|
|
.support-tickets .list .row { grid-template-columns: 2fr 100px 5em 2em; }
|
|
.support-tickets .list .dataset .row { grid-template-columns: 1fr 90px; }
|
|
.support-tickets .list .dataset .cell:nth-child(3),.support-tickets .cell:nth-child(4) { text-align: center;}
|
|
.support-tickets .list .dataset .cell:nth-child(2) {
|
|
grid-column: 1 / 3;
|
|
font-weight: bold;
|
|
}
|
|
.support-tickets .list .dataset .cell:nth-child(4) {
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
text-align: right;
|
|
}
|
|
.support-tickets .list .dataset .cell:nth-child(3) {
|
|
grid-column: 1;
|
|
font-size: smaller;
|
|
text-align: left;
|
|
}
|
|
|
|
.support-tickets .inspector {
|
|
height: 100%;
|
|
display: grid;
|
|
}
|
|
.support-tickets .inspector .sender { padding: var(--eicui-base-spacing-l) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs) var(--eicui-base-spacing-xs); }
|
|
.support-tickets .inspector .subject {
|
|
background: var(--app-color-white);
|
|
padding: var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-xs);
|
|
font-weight: bold;
|
|
color: var(--app-color-primary);
|
|
background: var(--eicui-base-color-grey-5);
|
|
}
|
|
.support-tickets .inspector .message {
|
|
background: var(--eicui-base-color-grey-5);
|
|
padding: var(--eicui-base-spacing-m);
|
|
}
|
|
.support-tickets .inspector .attachments {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
background: var(--eicui-base-color-grey-5);
|
|
}
|
|
.support-tickets .inspector .attachments button { margin: var(--eicui-base-spacing-xs); }
|
|
.support-console .row .cell:nth-child(3) { text-align: center;}
|
|
.console-error-detail .row { grid-template-columns: 8vw auto; }
|
|
.console-error-detail .row .cell:nth-child(2) { font-weight: bold; }
|
|
.support-console .row .cell, .console-error-detail .row .cell {
|
|
white-space: normal;
|
|
text-overflow: clip;
|
|
}
|
|
.console-error-detail .row .cell .trace{
|
|
max-height: 20vw!important;
|
|
overflow: auto!important;
|
|
}
|
|
.support-console .row .cell span.error { color: var(--app-color-danger); }
|
|
.support-console .row .cell span.warning { color: var(--app-color-warning); }
|
|
.console-error-detail .row .cell span.error { color: var(--app-color-danger); }
|
|
.console-error-detail .row .cell span.warning { color: var(--app-color-warning); }
|
|
.console-error-detail .row .cell .traceline, .console-error-detail .row .cell .msgdata {
|
|
font-family: monospace;
|
|
font-size: var(--eicui-base-font-size-s);
|
|
color: var(--eicui-base-color-white);
|
|
padding: .2em 1em;
|
|
border-radius: 5px;
|
|
margin-bottom: 1px;
|
|
width: fit-content;
|
|
}
|
|
.console-error-detail .row .cell .traceline {
|
|
background-color:var(--eicui-base-color-info-100);
|
|
float: right;
|
|
clear: both;
|
|
}
|
|
.console-error-detail .row .cell .msgdata { background-color:var(--eicui-base-color-success-100); }
|
|
|
|
</style>
|
|
<article eiccard media class="support">
|
|
<header>
|
|
<h1>Help & Support</h1>
|
|
<h2 class="cols-2 right">
|
|
<span medium>If you require assistance, have suggestions for improvements, or need to report technical issues and bugs, please feel free to contact us by clicking on the "Ask for Support" button, located above. You can also contact us at <a href="mailto:eic@support.eismea.eu" title="contact support"><span accent>eic@support.eismea.eu</span></a>.</span>
|
|
<button eicbutton accent large class="create">Ask for support</button>
|
|
</h2>
|
|
<div class="actions cols-1 right">
|
|
|
|
</div>
|
|
</header>
|
|
<section>
|
|
<div eicalert info >
|
|
For any inquiries regarding EIC Accelerator short proposal submission, we recommend checking out our <a href="https://eic.ec.europa.eu/eic-accelerator-application-platform-frequently-asked-questions_en#short-proposal-step-1" title="FAQ" target="_blank">FAQ section</a> first.</br>
|
|
|
|
</div>
|
|
<div class="cols-2 left support-tickets">
|
|
<div class="list">
|
|
<div eicdatagrid></div>
|
|
</div>
|
|
<article eiccard class="inspector">
|
|
<header>
|
|
<h1></h1>
|
|
<h2></h2>
|
|
</header>
|
|
<section></section>
|
|
<footer>
|
|
<div class="cols-1 right cta">
|
|
<button eicbutton class="reply" small primary>reply</button>
|
|
</div>
|
|
<form class="reply-form">
|
|
<textarea eictextarea name="body" data-path="" class="required"></textarea>
|
|
<select eicselect multiple editable name="attachments" data-type="ignore" placeholder="Click here to add a file" hint="You may not attach more than 5Mb of files"></select>
|
|
<div class="cols-1 right">
|
|
<div class="cols-2">
|
|
<button eicbutton class="cancel" small secondary>Cancel</button>
|
|
<button eicbutton class="send" data-id="" small primary>Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</footer>
|
|
</article>
|
|
|
|
</div>
|
|
<article class="support-console" eiccard collapsable collapsed>
|
|
<header>
|
|
<h1>Interface error log</h1>
|
|
<h2>Technical errors we spotted while you were using the platform</h2>
|
|
</header>
|
|
<section>
|
|
<div eicdatagrid footer="hidden"></div>
|
|
</section>
|
|
</article>
|
|
</section>
|
|
</article>
|