Skip to content

Instantly share code, notes, and snippets.

@DeskWOW

DeskWOW/1) Header

Last active March 30, 2017 20:30
Show Gist options
  • Save DeskWOW/80e63fde29e9f80d100f6e870e0f7138 to your computer and use it in GitHub Desktop.
Save DeskWOW/80e63fde29e9f80d100f6e870e0f7138 to your computer and use it in GitHub Desktop.
Download ZIP
Everglades Foundation theme.
Raw
1) Header
{% if desk.apps.get_satisfaction.enabled %}
{{ gsinit }}
{% endif %}
{% if favicon.size > 0 %}
<link rel="SHORTCUT ICON" type='image/ico' href='{{favicon}}' />
<link rel="icon" type='image/png' href='{{favicon}}' />
{% else %}
<link rel="icon" type='image/vnd.microsoft.icon' href='{{ "/favicon.ico" | portal_image_url: image_asset_host }}' />
<link rel="icon" type='image/png' href='{{ "/favicon.png" | portal_image_url: image_asset_host }}' />
{% endif %}
<title>
{{ site.company_name }} |
{% case page %}
{% when 'page_index' %}
{{desk.system.snippets.portal_title}}
{% when 'page_search_result' %}
{{desk.system.snippets.search_results}}
{% when 'page_topic' %}
{{ topic.name | clip:40 }}
{% when 'page_article' %}
{{ article.subject_plain | clip:40 }}
{% when 'question_new' or 'question_pre_create' %}
{{desk.system.snippets.post_public_question}}
{% when 'question_show' %}
{{ question.subject_plain | clip:40 }}
{% when 'email_new' or 'email_pre_create' %}
{{desk.system.snippets.email_us}}
{% when 'email_submitted' %}
{{desk.system.snippets.email_sent}}
{% when 'chat_new' or 'chat_pre_create' %}
{{desk.system.snippets.live_chat}}
{% when 'myportal_index' %}
{{desk.system.snippets.my_cases}}
{% when 'myportal_show' %}
{{desk.page.content.case.subject | clip:40 }}
{% when 'login' %}
{{desk.system.snippets.login_title}}
{% when 'registration' %}
{{desk.system.snippets.registration_title}}
{% when 'forgot_password' %}
{{desk.system.snippets.password_reset_title}}
{% when 'myaccount' %}
{{desk.system.snippets.account_title}}
{% when 'authentication_verification' %}
{{desk.system.snippets.auth_verification_title}}
{% when 'customer_feedback' %}
{{desk.system.snippets.customer_feedback_title}}
{% when 'customer_feedback_completed' %}
{{desk.system.snippets.customer_feedback_title}}
{% endcase %}
</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
{% if page == 'page_article' %}
<meta property="og:title" content="{{ article.subject_plain | clip:40 }}"/>
<meta property="og:type" content="article"/>
<meta property="og:site_name" content="{{ site.company_name }}"/>
<meta property="og:description" content="{{ article.body_text | clip: 120}}"/>
{% endif %}
{% if page == 'page_topic' %}
{% if site.questions_enabled_config and topic.question_count > 0 and topic.allow_questions %}
<link rel="alternate" type="application/rss+xml" title="{{ topic.name | clip:40 }} - Questions (RSS 2.0)" href="{{ topic.public_url }}/questions.rss" />
{% endif %}
{% if topic.article_count > 0 %}
<link rel="alternate" type="application/rss+xml" title="{{ topic.name | clip:40 }} - Articles (RSS 2.0)" href="{{ topic.public_url }}/articles.rss" />
{% endif %}
{% endif %}
<!-- ///////////////////////////////////////////////////////////////
**** STYLE SHEETS FONTS AND MORE ****
/////////////////////////////////////////////////////////////// -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<link href="//desk-wow.s3.amazonaws.com/themepark/everglades/styles/main.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- LOGO WIDTH TESTING -->
{% if desk.page.theme.logo-img != "" %}
{% assign logowidth = desk.page.theme.logo-img-width | plus: 0 %}
{% if logowidth > 300 %}
{% assign widelogo = true %}
{% else %}
{% assign widelogo = false %}
{% endif %}
{% endif %}
Raw
2) Body
<!-- THEME OPTIONS -->
{% assign MyCasesSort = true %} <!-- All cases load on my case index page and our sortable -->
{% assign IndexLayout = "Grid" %} <!-- Layout Functionality: Topics, Grid, List -->
{% assign SkipPreCreate = false %} <!-- Enable skip precreate site wide (email,chat, question) -->
{% assign responsiveImages = true %}
<!-- MULTIBRAND OPTIONS -->
{% assign MBSearchPage = false %} <!--Enables multibrand search page - all results/brands on one page -->
{% assign MBSearchExcludeQuestions = false %} <!-- exclude questions, should only enable if MBSearchPage = true -->
{% assign MBSearchSuggest = false %} <!-- Multibrand search autocomplete similar to desk's support site -->
{% assign MBArticleSuggest = false %} <!-- Multibrand Article suggestion on email/chat/question forms -->
<header class="site-header">
<div class="container top">
<div class="row">
<div class="columns medium-4"><h1 class="logo">Support Portal</h1></div>
<div class="columns medium-8">
<ul class="top-menu right">
{% if langs_list %}
<li>
{{langs_list}}
</li>
{% endif %}
</ul>
</div>
</div>
</div>
<div class="container main">
<div class="row">
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<a href="#"></a>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
{% if portal.authentication_enabled and page != 'customer_feedback' and page != 'customer_feedback_completed' and page != 'customer_feedback_invalid' %}
{% if current_user and current_user.is_guest == false %}
<!-- LOGGED IN -->
<li class="has-dropdown">
<a href="#">{{ current_user.customer.name }}</a>
<ul class="dropdown">
{% if site.myportal_enabled %}
<li><a href='{{ desk.system.links.myportal }}'>{{system.snippets.my_cases}}</a></li>
{% endif %}
{% if site.portal_authentication_type_config == 'desk' %}
<li><a href='{{ desk.system.links.myaccount }}'>{{system.snippets.my_account}}</a></li>
{% endif %}
{% if site.portal_logout_enabled_config %}
<li><a href='{{ site.authentication_logout_url }}'>{{system.snippets.logout}}</a></li>
{% endif %}
</ul>
</li>
{% else %}
<!-- GUEST USER -->
<li class="welcome">{{system.snippets.welcome_guest}}</li>
<li><a href='{{ site.authentication_login_url }}'>{{system.snippets.login}}</a></li>
{% endif %}
{% endif %}
</ul>
<!-- Left Nav Section -->
<ul class="left">
<li><a href="{{system.link.home}}">Home</a></li>
<li class="has-dropdown">
<a href="">Topics</a>
<ul class="dropdown">
{% for topic in site.topics %}
{% if topic.article_count > 0 %}
<li><a href="{{topic.public_articles_url}}">{{ topic.name }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% if site.questions_enabled_config %}
<li class="has-dropdown">
<a href="">Public Question</a>
<ul class="dropdown">
{% for topic in topics %}
{% if topic.question_count > 0 %}
<li><a href="{{topic.public_questions_url}}">{{ topic.name }}</a></li>
{% endif %}
{% endfor %}
<li></li>
</ul>
</li>
{% endif %}
<li><a href="">Contact Us</a></li>
</ul>
</section>
</nav>
</div>
</div>
</header>
<section class="site-search">
<div class="container">
<div class="row">
<h2>Some Support Related Header</h2>
<h5>Some longer search related subtext for customers to ignore</h5>
<div class="columns medium-10 medium-offset-1 small-12 small-offset-0">
{{ search_form_begin }}
{{template_form_params}}
<div class="row collapse">
<div class="small-12 medium-10 columns">
<input type="text" id="searchInput" name="q" maxlength="100" value="" placeholder="{{system.snippets.have_a_question}}" autocomplete="off" />
</div>
<div class="small-2 medium-2 columns hide-for-small">
<button type="submit" class="button success" id="support-search-submit" value="{{system.snippets.search}}">{{system.snippets.search}}</button>
</div>
</div>
{{ search_form_end }}
</div>
</div>
</div>
</section>
<div id="SearchAutoSuggest" class="clearfix"></div>
<!--begin:portal_body-->
{% if page == "page_index" %}
<!--begin:page_index-->
<main id="content">
<div class="container index">
<div class="row">
<div class="columns medium-12">
<section class="header">
<h1>{% if topics_count > 0 %}{{system.snippets.browse_by_topic}}{% else %}{{system.snippets.no_topics_avail}}{% endif %}</h1>
</section>
<section class="body">
<div class="row topic">
{%for topic in topics%}
{% if topic.article_count > 0 %}
<div class="desk-topic desk-topic-{{ topic.id }} columns medium-6">
<h2><a href='{{ topic.public_articles_url }}'>{{ topic.name }}</a></h2>
<ul>
{% for article in topic.articles %}
<li>
<a href='{{ article.public_url }}'>{{ article.subject_plain }}</a>
</li>
{% endfor %}
</ul>
<a href='{{ topic.public_articles_url }}' class="button tiny radius"><span class="desk-view-text">{{system.snippets.view_all}} </span>
{{ topic.article_count }}
</a>
</div>
{%endif%}
{%endfor%}
</div>
</section>
{% if site.questions_enabled_config %}
{% if questions == true %}
<section class="header">
<h1>{{system.snippets.recent_qna}}</h1>
</section>
{% endif %}
<section class="body">
<div class="row topic">
{% for topic in topics %}
{% if topic.question_count > 0 %}
<div class="desk-qna desk-qna-{{ topic.id }} columns medium-6">
<h2><a href='{{ topic.public_articles_url }}'>{{ topic.name }}</a></h2>
<ul>
{% for question in topic.questions %}
<li class='desk-question {% if question.featured? %} featured{%endif%}'>
<a href='{{ question.public_url }}'>{{ question.subject_plain }}</a>
</li>
{% endfor %}
</ul>
<a href='{{ topic.public_questions_url }}' class="button tiny radius"><span class="desk-view-text">{{system.snippets.view_all}} </span>
{{ topic.question_count }}
</a>
</div>
{% endif %}
{% endfor %}
</div>
</section>
{% endif %}
</div>
</div>
</div>
</main>
<!--end:page_index-->
{% elsif page == "page_article" %}
<!--begin:page_article-->
{% if article == null %}
<main id="content">
<div class="container article">
<div class="row">
<div class="columns medium-8 medium-offset-2">
<article>
<section class="header">
<h1>{{system.snippets.article_translation_missing}} {{system.language_name_localized}}</h1>
</section>
</article>
</div>
</div>
</div>
</main>
{% else %}
<main id="content">
<div class="container article">
<div class="row">
<aside class="side-nav columns medium-2">
</aside>
<article class="columns medium-8">
<section id="top" class="header">
<h6 class="topic"><a href="{{ topic.public_articles_url }}">{{topic.name}}</a></h6>
<h1>{{ article.subject_plain }}</h1>
{% assign keywords_array = article.keywords | split: ',' %}
{% for keyword in keywords_array %}
{% if keyword contains 'arthur' %}
<h5>by:<a href="/customer/portal/articles/search?q={{keyword}}">{{ keyword | replace: 'arthur:', '' }}</a></h5>
{% endif %}
{% endfor %}
<p class="subheader">{{system.snippets.last_update}} - <time>{{ article.updated_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }}</time></p>
{% for keyword in keywords_array %}
{% if keyword contains 'tag:' %}
<a href="/customer/portal/articles/search?q={{ keyword }}">
<span class="label">{{ keyword | replace: 'tag:','' }}</span>
</a>
{% endif %}
{% endfor %}
</section>
<section class="body">
{{ article.body }}
</section>
<section class="attachments">
{% if article.number_of_attachments > 0 %}
<h3>{{system.snippets.attachments}}</h3>
<ul>
{% for attachment in article.kb_article_attachments %}
<li><a href="{{ attachment.faq_download_url }}"><i class="fa {% if attachment.name contains 'pdf' %} fa-file-pdf-o {% elsif attachment.name contains 'xls' %}fa-file-excel-o{% elsif attachment.name contains 'wrd' or contains 'word'%}fa-file-word-o{% else %}fa-file-o{% endif %}"></i>{{ attachment.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
</section>
</article>
</div>
</div>
</main>
{% endif %}
<!--end:page_article-->
{% elsif page == "page_topic" %}
<!--begin:page_topic-->
<main id="content">
<div class="container topic">
<div class="row">
<div class="columns medium-10 medium-offset-1">
<section class="header row">
<div class="columns medium-7 small-12">
{% if topic == null %}
<h1>{{system.snippets.topic_translation_missing}} {{system.language_name_localized}}</h1> {% else %}
<h1>{{ topic.name }}</h1> {% endif %}
</div>
<div class="columns medium-5 small-12">
{% if topic.question_count > 0 and topic.allow_questions and site.questions_enabled_config %}
<ul class="button-group right">
{% if type == 'questions' %}
<li><a class="button radius small" href='{{ topic.public_questions_url }}'>{{system.snippets.questions}}</a></li>
{% else %}
<li><a class="button radius small secondary" href='{{ topic.public_questions_url }}'>{{system.snippets.questions}}</a></li>
{% endif %} {% if topic.article_count > 0 %} {% if type == 'articles' %}
<li><a class="button radius small" href='{{ topic.public_articles_url }}' id="desk-article-list-link">{{system.snippets.articles}}</a></li>
{% else %}
<li><a class="button radius small secondary" href='{{ topic.public_articles_url }}' id="desk-qna-list-link">{{system.snippets.articles}}</a></li>
{% endif %} {% endif %}
</ul>
{% endif %}
</div>
</section>
<section class="articles row">
<div class="columns large-12">
{% if topic == null %} {% else %} {% if type == 'articles' %}
{% for article in articles %}
<article class="article">
<h2><a href="{{ article.public_url }}" title="{{ article.subject_plain }}">{{ article.subject_plain }}</a></h2>
<p>{{ article.body_plain | clip:210 }}</p>
</article>
{% endfor %}
{% else %}
{% for question in questions %}
<article class="question">
<h2><a href="{{ question.public_url }}" title="{{ question.subject_plain }}">{{ question.subject_plain }}</a></h2>
<span class="label info">{{ question.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }}</span>
{% if question.answers_agent_count > 0 %}
<span class='label success'>
{{ question.answers_agent_count }}
{{ site.agent_name_config }}
{{ system.snippets.answer | pluralize: question.answers_agent_count, system.snippets.answers }}
</span>
{% endif %}
<span class='label secondary'>
{{ question.answers_customer_count }}
{{ system.snippets.community_answer | pluralize: question.answers_customer_count, system.snippets.community_answers }}
</span>
<p>{{ question.body_plain | clip:210 }}</p>
</article>
{% endfor %} {% endif %} {% endif %}
</div>
</section>
</div>
</div>
</div>
</main>
<!--end:page_topic-->
{% elsif page == "page_search_result" %}
<!--begin:page_search_result--><main id="content">
<div class="container search">
<div class="row">
<div class="columns medium-10 medium-offset-1">
<section class="header">
{% if number_search_results > 0 %}
{% if search_term contains "tag:"%}
<h1>{{ number_search_results }} articles tagged with {{ search_term | replace: 'tag:',''}}</h1>
{% else %}
<h1> {{ number_search_results }} {{system.snippets.results_found_for}} "{{ search_term }}"</h1>
{% endif %}
{% else %}
<h1>{{system.snippets.sorry_try_another_search}} <a href='{{desk.system.links.email}}'>{{system.snippets.send_us_an_email}}</a></h1>
{% endif %}
</section>
<section class="results">
{% for result in search_results %}
{% if result.class_name == "Article" %}
<article class="result article">
<h2><a href='{{ result.public_url }}' title="{{ result.subject_plain }}"><span>{{ result.subject_plain }}</span></a></h2>
<p>{{ result.body_plain | clip:210 }}</p>
</article>
{% elsif result.class_name == "Question" and MBSearchExcludeQuestions != true %}
<article class="result question">
<h2><a href='{{ result.public_url }}' title="{{ result.subject_plain }}"><span>{{ result.subject_plain }}</span></a></h2>
<p>{{ result.body_plain | clip:210 }}</p>
</article> <!-- article row -->
{% endif %}
{% endfor %}
</section>
</div>
</div>
</div>
</main>
<!--end:page_search_result-->
{% elsif page == "question_show" %}
<!--begin:question_show-->
<div id="desk-external-variables-question_show" class="desk-external-variables hide">
<div id="system-snippets-just_moderated">{{just_moderated}}</div>
<div id="system-snippets-name_required">{{system.snippets.name_required}}</div>
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-answer_required">{{system.snippets.answer_required}}</div>
<div id="system-snippets-exceeding_max_chars">{{system.snippets.exceeding_max_chars}}</div>
</div>
{% assign customer_answer_count = question.answers_customer_count %}
{% assign agent_answer_count = question.answers_agent_count %}
{% assign answers_count = question.answers_count %}
{% assign best_answer = question.best_answer %}
<main id="content">
<div class="container topic">
<div class="row">
<div class="columns medium-8 medium-offset-2">
<!-- THE QUESTION -->
<article class="question">
<section class="header row collapse">
<div class="columns medium-2">
<div class="th">{{ question.from_email | gravatar_image: gravatar_unknown_user, ssl }}</div>
</div>
<div class="columns medium-10">
<h1>{{ question.subject }}</h1>
<time>{{ question.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }} </time>
<hr>
<p>{{ question.body }}</p>
</div>
</section>
</article>
<!-- ANSWER COUNT -->
<div class="row">
<div class="columns medium-12">
<h4>{{ answers_count }} - {{ system.snippets.community_answer | pluralize: answer_count, system.snippets.community_answers }}</h4>
</div>
</div>
<!-- BEST ANSWER -->
{% if best_answer != nil %}
<div class="panel callout best-answer">
<div class="row collapse">
<div class="columns medium-1 hide-form-small-only">
<div class="th">{{ best_answer.from_email | gravatar_image: gravatar_unknown_user, ssl }}</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h2>{{best_answer.agent?}}</h2>
<h2>{{best_answer.agent}}</h2>
<h4 class="left">{{ best_answer.from_name }}</h4>
<span class="label success right">{{system.snippets.best_answer}}&nbsp;<i class="fa fa-check-circle"></i></span>
{% if best_answer.agent? %}<span class="label right">{{ site.company_name }} {{ site.agent_name_config }} &nbsp; <i class="fa fa-lg fa-gear"></i></span>{% endif %}
</div>
<time>{{ best_answer.updated_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }}</time>
<hr>
<p>{{ best_answer.body }}</p>
{% if question.answers_count > 1 %}
<a href="#bestanswer">{{system.snippets.view_conversation}}</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
<!-- ALL ANSWERS -->
{% for answer in question.answers %}
{% if answer.agent? %}
<!-- AGENT -->
<div class="panel agent">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">{{ answer.from_email | gravatar_image: gravatar_unknown_user, ssl }}</div>
{% if current_user != answer.user %}
<div class='answer-rating rating-{{ answer | already_rated_by_user: current_user }}'>
<div class="row">
{{ answer | already_rated_up: current_user }}
{{ answer | already_rated_down: current_user }}
</div>
</div>
{% endif %}
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">{{ answer.from_name }}</h4>
{% if answer.id == best_answer.id %}
<span id="bestanswer" class="label primary right">{{system.snippets.best_answer}}&nbsp;<i class="fa fa-check-circle"></i></span>
{% endif %}
<span class="label right">{{ site.company_name }} {{ site.agent_name_config }} &nbsp; <i class="fa fa-lg fa-gear"></i></span>
</div>
<div class="clearfix">
<time>{{ answer.updated_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }}</time>
<span class='score right label info {% if answer.rating_value > 0 %}pos{% elsif answer.rating_value < 0 %}neg{% endif %}' id='score-{{answer.id}}'>{{ answer.rating_value }}</span>
<span class='dialog right label info'>{{system.snippets.rated}} : </span>
</div>
<hr>
<p>{{ answer.body }}</p>
</div>
</div>
</div>
</div>
{% else %}
<!-- USER -->
<div class="panel user">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">{{ answer.from_email | gravatar_image: gravatar_unknown_user, ssl }}</div>
{% if current_user != answer.user %}
<div class='answer-rating rating-{{ answer | already_rated_by_user: current_user }}'>
<div class="row">
{{ answer | already_rated_up: current_user }}
{{ answer | already_rated_down: current_user }}
</div>
</div>
{% endif %}
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">{{ answer.from_name }}</h4>
{% if answer.id == best_answer.id %}
<span id="bestanswer" class="label primary right">{{system.snippets.best_answer}}&nbsp;<i class="fa fa-check-circle"></i></span>
{% endif %}
<span class="label right warning">User &nbsp;<i class="fa fa-lg fa-user"></i></span>
</div>
<div class="clearfix">
<time>{{ answer.updated_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }}</time>
<span class='score right label {% if answer.rating_value > 0 %}success{% elsif answer.rating_value < 0 %}alert{% endif %}' id='score-{{answer.id}}'>{{system.snippets.rated}} : {{ answer.rating_value }}</span>
</div>
<hr>
<p>{{ answer.body }}</p>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
<!-- REPLIES -->
<div class="reply">
{% if question.allow_answers? != true or question.case.closed? %}
<div class="alert">{{system.snippets.question_closed}}</div>
{% else %}
<h4>{{system.snippets.post_public_answer}}</h4>
{{ form_begin }}
<div class="form panel clearfix">
{% if current_user == nil or current_user.is_guest %}
<div class="row">
<div class="columns medium-6">
<div class="form-group">
<label for="interaction_name">{{system.snippets.your_name}} <span class="muted">({{system.snippets.required}})</span></label>
<input id="interaction_name" maxlength="100" class="form-control" name="interaction[name]" value="{{ interaction.name }}" type="text" />
</div>
</div>
<div class="columns medium-6">
<div class="form-group">
<label for="interaction_email">{{system.snippets.your_email}} <span class="muted">({{system.snippets.required}})</span></label>
<input id="interaction_email" class="form-control" maxlength="100" name="interaction[email]" value="{{ interaction.email }}" type="text" />
</div>
</div>
</div>
{% endif %}
<div class="form-group">
<label for="qna_body">{{system.snippets.answer}} <span class="muted">({{system.snippets.required}})</span></label>
<textarea cols="40" id="qna_body" class="form-control" name="qna[body]" rows="6">{{ qna.body }}</textarea>
</div>
<div class="input-button">
<input id="answer_submit" class="button button-submit radius expand" name="commit" type="submit" value="{{system.snippets.post_answer}}" />
</div>
</div>
{{ form_end }}
{% endif %}
</div>
</div>
</div>
</div>
</main>
<!--end:question_show-->
{% elsif page == "question_new" %}
<!--begin:question_new-->
<div id="desk-external-variables-question_new" class="desk-external-variables hide">
<div id="qna-kb_topic_id">{{qna.kb_topic_id}}</div>
<div id="system-snippets-name_required">{{system.snippets.name_required}}</div>
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-subject_required">{{system.snippets.subject_required}}</div>
<div id="system-snippets-question_required">{{system.snippets.question_required}}</div>
<div id="system-snippets-exceeding_max_chars">{{system.snippets.exceeding_max_chars}}</div>
</div>
<main id="content">
<div class="container question">
<div class="row">
<div class="columns medium-8">
<section class="header">
<h1>{{system.snippets.post_public_question}}</h1>
</section>
<section class="body">
<div class="panel form">
{{form_begin}}
{% if current_user == nil or current_user.is_guest %}
<div class="row">
<div class="form-group columns medium-6">
<label for="interaction_name" class="control-label">{{system.snippets.your_name}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.name }}" id="interaction_name" class="form-control" maxlength="100" name="interaction[name]" type="text" />
</div>
<div class="form-group columns medium-6">
<label for="interaction_email" class="control-label">{{system.snippets.your_email}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.email }}" id="interaction_email" class="form-control" maxlength="100" name="interaction[email]" type="text" />
</div>
</div>
{% endif %}
<div class="row">
<div class="form-group columns medium-6">
<label for="qna_subject" class="control-label">{{system.snippets.subject}} ({{system.snippets.required}}):</label>
<input id='qna_subject' maxlength='100' name='qna[subject]' class="form-control" type='text' value='{% if search_term and search_term != '' %}{{search_term}}{% else %}{{qna.subject}}{%endif%}' />
</div>
<div class="form-group columns medium-6">
<label for="qna_kb_topic_id" class="control-label">{{system.snippets.topic}} ({{system.snippets.required}}):</label>
<select id='qna_kb_topic_id' name='qna[kb_topic_id]' class="form-control">
{% for topic in topics %}
<option value='{{ topic.id }}'>{{ topic.name | clip:30 }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label for="qna_body" class="control-label">{{system.snippets.your_question}} ({{system.snippets.required}}):</label>
<textarea id='qna_body' class="form-control" rows="6" cols="6" name='qna[body]'>{{qna.body}}</textarea>
</div>
{% if MBArticleSuggest == true %}
<div class="autosuggest multi-brand show-for-small-only"></div>
{% else %}
<div class="autosuggest show-for-small-only"></div>
{% endif %}
<div class="input-button clearfix">
<input id='email_submit' class="button button-submit expand small radius" name='commit' type='submit' value='{{system.snippets.ask_question}}' />
</div>
{{form_end}}
</div><!-- end .panel -->
</section>
</div>
<aside id="suggest" class="columns medium-4 autosuggest">
<div id="start">
{% if page == "question_new" %}
<h4>{{ system.snippets.related_questions }}</h4>
{% else %}
<h4>{{ system.snippets.related_answers }}</h4>
{% endif %}
<p>{{ system.snippets.start_typing }}</p>
</div>
<ul></ul>
</aside>
</div>
</div>
</main>
<!--end:question_new-->
{% elsif page == "question_pre_create" %}
<!--begin:question_pre_create-->
<div id="desk-external-variables-email_pre_create" class="desk-external-variables hidden">
<div id="search_term">{{search_term}}</div>
<div id="number_search_results">{{number_search_results}}</div>
<div id="system-snippets-name_required">{{system.snippets.name_required}}</div>
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-subject_required">{{system.snippets.subject_required}}</div>
<div id="system-snippets-question_required">{{system.snippets.question_required}}</div>
<div id="system-snippets-exceeding_max_chars">{{system.snippets.exceeding_max_chars}}</div>
</div>
<div id="PreCreate" class="reveal-modal medium" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<a class="onclick-go-back close-reveal-modal" aria-label="Close">&#215;</a>
<h2 id="modalTitle">
{% if number_search_results > 0 %}
<i class="fa fa-exclamation-triangle warning"></i> {{system.snippets.not_posted_question_yet}}
{% else %}
<i class="fa fa-spinner spin"></i> {{system.snippets.please_wait}}
{% endif %}
</h2>
<p class="subheader">{{system.snippets.article_help}}</p>
</div>
{% if number_search_results > 0 %}
<div class="modal-body">
<dl>
{% for result in search_results limit:3 %}
<dt>
<a href='{{ result.public_url }}' target='_blank'>
{% if result.class_name == "Question" %}
<i class=" fa fa-question"></i> {{ result.subject_plain | clip:70 }}
{% elsif result.class_name == "Article" %}
<i class=" fa fa-file-text-o"></i> {{ result.subject_plain | clip:70 }}
{% endif %}
</a>
</dt>
<dd>{{ result.body_plain | clip:80 }}</dd>
{% endfor %}
</dl>
<span class="text-center">({{system.snippets.click_open_window}})</span>
</div>
<div class="modal-footer clearfix">
<div id='form'>
{{form_begin}}
<div class='input-button'>
<p>{{system.snippets.did_not_help}}</p>
<input id="question_submit" name="commit" type="submit" value="{{system.snippets.post_question}}" class="button button-submit small radius expand"/>
<img alt='Ajax-loader-small' id='email_submit_spinner' src='{{ "/images/ajax-loader-small.gif" | portal_image_url: image_asset_host }}' style='display: none; margin: 7px 0 0 5px; position: absolute;' />
</div>
{{form_end}}
</div>
</div>
{% else %}
<div class="modal-body">
<h1>{{system.snippets.please_wait}}</h1>
</div>
{% endif %}
</div><!-- MODAL CONTENT -->
</div><!-- MODAL DIALOG / MODAL LG -->
</div><!-- #PreCreate -->
<main id="content">
<div class="container question">
<div class="row">
<div class="columns medium-8">
<section class="header">
<h1>{{system.snippets.post_public_question}}</h1>
</section>
<section class="body">
<div class="panel form">
{{form_begin}}
{% if current_user == nil or current_user.is_guest %}
<div class="row">
<div class="form-group columns medium-6">
<label for="interaction_name" class="control-label">{{system.snippets.your_name}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.name }}" id="interaction_name" class="form-control" maxlength="100" name="interaction[name]" type="text" />
</div>
<div class="form-group columns medium-6">
<label for="interaction_email" class="control-label">{{system.snippets.your_email}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.email }}" id="interaction_email" class="form-control" maxlength="100" name="interaction[email]" type="text" />
</div>
</div>
{% endif %}
<div class="row">
<div class="form-group columns medium-6">
<label for="qna_subject" class="control-label">{{system.snippets.subject}} ({{system.snippets.required}}):</label>
<input id='qna_subject' maxlength='100' name='qna[subject]' class="form-control" type='text' value='{% if search_term and search_term != '' %}{{search_term}}{% else %}{{qna.subject}}{%endif%}' />
</div>
<div class="form-group columns medium-6">
<label for="qna_kb_topic_id" class="control-label">{{system.snippets.topic}} ({{system.snippets.required}}):</label>
<select id='qna_kb_topic_id' name='qna[kb_topic_id]' class="form-control">
{% for topic in topics %}
<option value='{{ topic.id }}'>{{ topic.name | clip:30 }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label for="qna_body" class="control-label">{{system.snippets.your_question}} ({{system.snippets.required}}):</label>
<textarea id='qna_body' class="form-control" rows="6" cols="6" name='qna[body]'>{{qna.body}}</textarea>
</div>
{% if MBArticleSuggest == true %}
<div class="autosuggest multi-brand show-for-small-only"></div>
{% else %}
<div class="autosuggest show-for-small-only"></div>
{% endif %}
<div class="input-button clearfix">
<input id='email_submit' class="button button-submit expand small radius" name='commit' type='submit' value='{{system.snippets.ask_question}}' />
</div>
{{form_end}}
</div><!-- end .panel -->
</section>
</div>
<aside id="suggest" class="columns medium-4 autosuggest">
<div id="start">
{% if page == "question_new" %}
<h4>{{ system.snippets.related_questions }}</h4>
{% else %}
<h4>{{ system.snippets.related_answers }}</h4>
{% endif %}
<p>{{ system.snippets.start_typing }}</p>
</div>
<ul></ul>
</aside>
</div>
</div>
</main>
<!--end:question_pre_create-->
{% elsif page == "email_new" %}
<!--begin:email_new-->
<div id="desk-external-variables-email_new" class="desk-external-variables hide">
<div id="system-snippets-name_required">{{system.snippets.name_required}}</div>
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-subject_required">{{system.snippets.subject_required}}</div>
<div id="system-snippets-question_required">{{system.snippets.question_required}}</div>
<div id="system-snippets-exceeding_max_chars">{{system.snippets.exceeding_max_chars}}</div>
<div id="max_number_attachments">{{desk.system.max_attachments}}</div>
<div id="system-snippets-add_attachment">{{system.snippets.add_attachment}}</div>
</div>
<main id="content">
<div class="container email">
<div class="row">
<div class="columns medium-8">
<section class="header">
<h1>{{system.snippets.email_us}}</h1>
</section>
<section class="body">
<div class="panel form">
{{form_begin}}
{% if current_user == nil or current_user.is_guest %}
<div class="row">
<div class="columns medium-6">
<div class="form-group">
<label for="interaction_name" class="control-label">{{system.snippets.your_name}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.name }}" id="interaction_name" class="form-control" maxlength="100" name="interaction[name]" type="text" required />
</div>
</div>
<div class="columns medium-6">
<div class="form-group">
<label for="interaction_email" class="control-label">{{system.snippets.your_email}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.email }}" id="interaction_email" class="form-control" maxlength="100" name="interaction[email]" type="email" required />
</div>
</div>
</div>
{% endif %}
<div class="form-group"><label for="">Testing</label>{{ticket_custom_dropdown}}</div>
<div class="form-group">
<label for="email_subject" class="control-label">{{system.snippets.subject}} ({{system.snippets.required}}):</label>
<input id='email_subject' class="form-control" maxlength='100' name='email[subject]' type='text' value='{% if search_term and search_term != '' %}{{search_term}}{% else %}{{email.subject}}{%endif%}' required/>
</div>
<div class="form-group">
<label for="email_body" class="control-label">{{system.snippets.message}} ({{system.snippets.required}}):</label>
<textarea id='email_body' class="form-control" rows="6" cols="6" name='email[body]' required>{{email.body}}</textarea>
</div>
{% if MBArticleSuggest == true %}
<div class="autosuggest multi-brand show-for-small-only"></div>
{% else %}
<div class="autosuggest show-for-small-only"></div>
{% endif %}
<div class="form-group attachments">
<label for="case_attachment[attachment]" class="control-label"><i class="fa fa-paperclip"></i>{{system.snippets.file_attachment}}</label>
<div class="desk_file_upload">
<input class="button tiny radius" type="button" value="{{system.snippets.choose_file}}">
<input name="case_attachment[attachment]" size="84" type="file">
<div class="faux-file-field">
<input disabled="disabled" type="text">
</div>
</div>
<a href="javascript::void(0)" id="add_attachment" class="add_attachment" style="display:none;">Add Another Attachment</a>
</div>
<div class="input-button">
<button id='email_submit' class="button button-submit small expand radius" name='commit' type='submit' value='{{system.snippets.send_email}}'>{{system.snippets.send_email}}</button>
</div>
{{form_end}}
</div>
</section>
</div>
<aside id="suggest" class="columns medium-4 autosuggest">
<div id="start">
{% if page == "question_new" %}
<h4>{{ system.snippets.related_questions }}</h4>
{% else %}
<h4>{{ system.snippets.related_answers }}</h4>
{% endif %}
<p>{{ system.snippets.start_typing }}</p>
</div>
<ul></ul>
</aside>
</div>
</div>
</main>
<!--end:email_new-->
{% elsif page == "email_pre_create" %}
<!--begin:email_pre_create-->
<div id="desk-external-variables-email_pre_create" class="desk-external-variables hidden">
<div id="search_term">{{search_term}}</div>
<div id="number_search_results">{{number_search_results}}</div>
<div id="system-snippets-name_required">{{system.snippets.name_required}}</div>
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-subject_required">{{system.snippets.subject_required}}</div>
<div id="system-snippets-question_required">{{system.snippets.question_required}}</div>
<div id="system-snippets-exceeding_max_chars">{{system.snippets.exceeding_max_chars}}</div>
</div>
<div id="PreCreate" class="reveal-modal medium" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<a class="onclick-go-back close-reveal-modal" aria-label="Close">&#215;</a>
<h2 id="modalTitle">
{% if number_search_results > 0 %}
<i class="fa fa-exclamation-triangle warning"></i> {{system.snippets.not_posted_question_yet}}
{% else %}
<i class="fa fa-spinner spin"></i> {{system.snippets.please_wait}}
{% endif %}
</h2>
<p class="subheader">{{system.snippets.article_help}}</p>
</div>
{% if number_search_results > 0 %}
<div class="modal-body">
<dl>
{% for result in search_results limit:3 %}
<dt>
<a href='{{ result.public_url }}' target='_blank'>
{% if result.class_name == "Question" %}
<i class=" fa fa-question"></i> {{ result.subject_plain | clip:70 }}
{% elsif result.class_name == "Article" %}
<i class=" fa fa-file-text-o"></i> {{ result.subject_plain | clip:70 }}
{% endif %}
</a>
</dt>
<dd>{{ result.body_plain | clip:80 }}</dd>
{% endfor %}
</dl>
<span class="text-center">({{system.snippets.click_open_window}})</span>
</div>
<div class="modal-footer">
<div id='form'>
{{form_begin}}
<div class='input-button'>
<p>{{system.snippets.did_not_help}}</p>
<input id="question_submit" name="commit" type="submit" value="{{system.snippets.post_question}}" class="button button-submit small expand radius"/>
<img alt='Ajax-loader-small' id='email_submit_spinner' src='{{ "/images/ajax-loader-small.gif" | portal_image_url: image_asset_host }}' style='display: none; margin: 7px 0 0 5px; position: absolute;' />
</div>
{{form_end}}
</div>
</div>
{% else %}
<div class="modal-body">
<h1>{{system.snippets.please_wait}}</h1>
</div>
{% endif %}
</div><!-- MODAL CONTENT -->
</div><!-- MODAL DIALOG / MODAL LG -->
</div><!-- #PreCreate -->
<main id="content">
<div class="container email">
<div class="row">
<div class="columns medium-8">
<section class="header">
<h1>{{system.snippets.email_us}}</h1>
</section>
<section class="body">
<div class="panel form">
{{form_begin}}
{% if current_user == nil or current_user.is_guest %}
<div class="row">
<div class="columns medium-6">
<div class="form-group">
<label for="interaction_name" class="control-label">{{system.snippets.your_name}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.name }}" id="interaction_name" class="form-control" maxlength="100" name="interaction[name]" type="text" required />
</div>
</div>
<div class="columns medium-6">
<div class="form-group">
<label for="interaction_email" class="control-label">{{system.snippets.your_email}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.email }}" id="interaction_email" class="form-control" maxlength="100" name="interaction[email]" type="email" required />
</div>
</div>
</div>
{% endif %}
<div class="form-group"><label for="">Testing</label>{{ticket_custom_dropdown}}</div>
<div class="form-group">
<label for="email_subject" class="control-label">{{system.snippets.subject}} ({{system.snippets.required}}):</label>
<input id='email_subject' class="form-control" maxlength='100' name='email[subject]' type='text' value='{% if search_term and search_term != '' %}{{search_term}}{% else %}{{email.subject}}{%endif%}' required/>
</div>
<div class="form-group">
<label for="email_body" class="control-label">{{system.snippets.message}} ({{system.snippets.required}}):</label>
<textarea id='email_body' class="form-control" rows="6" cols="6" name='email[body]' required>{{email.body}}</textarea>
</div>
{% if MBArticleSuggest == true %}
<div class="autosuggest multi-brand show-for-small-only"></div>
{% else %}
<div class="autosuggest show-for-small-only"></div>
{% endif %}
<div class="form-group attachments">
<label for="case_attachment[attachment]" class="control-label"><i class="fa fa-paperclip"></i>{{system.snippets.file_attachment}}</label>
<div class="desk_file_upload">
<input class="button tiny radius" type="button" value="{{system.snippets.choose_file}}">
<input name="case_attachment[attachment]" size="84" type="file">
<div class="faux-file-field">
<input disabled="disabled" type="text">
</div>
</div>
<a href="javascript::void(0)" id="add_attachment" class="add_attachment" style="display:none;">Add Another Attachment</a>
</div>
<div class="input-button">
<button id='email_submit' class="button button-submit small expand radius" name='commit' type='submit' value='{{system.snippets.send_email}}'>{{system.snippets.send_email}}</button>
</div>
{{form_end}}
</div>
</section>
</div>
<aside id="suggest" class="columns medium-4 autosuggest">
<div id="start">
{% if page == "question_new" %}
<h4>{{ system.snippets.related_questions }}</h4>
{% else %}
<h4>{{ system.snippets.related_answers }}</h4>
{% endif %}
<p>{{ system.snippets.start_typing }}</p>
</div>
<ul></ul>
</aside>
</div>
</div>
</main>
<!--end:email_pre_create-->
{% elsif page == "email_submitted" %}
<!--begin:email_submitted-->
<div id="content">
<div class="container email">
<div class="header row">
<div class="columns medium-12">
<h2>{{system.snippets.email_us}}</h2>
<h3>{{system.snippets.email_success}}</h3>
</div>
</div>
</div>
</div>
<!--end:email_submitted-->
{% elsif page == "chat_new" %}
<!--begin:chat_new-->
<div id="desk-external-variables-chat_new" class="desk-external-variables hide">
<div id="system-snippets-name_required">{{system.snippets.name_required}}</div>
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-question_required">{{system.snippets.question_required}}</div>
<div id="system-snippets-exceeding_max_chars">{{system.snippets.exceeding_max_chars}}</div>
</div>
<main id="content">
<div class="container email">
<div class="row">
<div class="columns medium-8 medium-offset-2">
<section class="header">
<h1>{{system.snippets.live_chat}}</h1>
</section>
<section class="body">
<div class="panel form">
{{form_begin}}
{% if current_user == nil or current_user.is_guest %}
<div class="row">
<div class="form-group columns medium-6">
<label class="control-label" for="interaction_name">{{system.snippets.your_name}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.name }}" id="interaction_name" class="form-control" maxlength="100" name="interaction[name]" type="text" />
</div>
<div class="form-group columns medium-6">
<label class="control-label" for="interaction_email">{{system.snippets.your_email}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.email }}" id="interaction_email" class="form-control" maxlength="100" name="interaction[email]" type="text" />
</div>
</div>
{% endif %}
<div class="form-group">
<label for="chat_subject" class="control-label">{{system.snippets.question}} ({{system.snippets.required}}):</label>
<textarea id='chat_subject' name='chat[subject]' type='text' value='{% if search_term and search_term != '' %}{{search_term}}{% else %}{{chat.subject}}{%endif%}' rows="6" cols="40" class="form-control">{{chat.body}}</textarea>
</div>
<div class="autosuggest show-for-small-only"></div>
<div class="input-button clearfix">
<input id='email_submit' class="button button-submit small radius expand" name='commit' type='submit' value='{{system.snippets.go_chat}}' />
</div>
{{form_end}}
</div>
</section>
</div>
</div>
</div>
</main>
<!--end:chat_new-->
{% elsif page == "chat_pre_create" %}
<!--begin:chat_pre_create-->
<div id="desk-external-variables-chat_pre_create" class="desk-external-variables hide">
<div id="search_term">{{search_term}}</div>
<div id="number_search_results">{{number_search_results}}</div>
<div id="system-snippets-name_required">{{system.snippets.name_required}}</div>
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-question_required">{{system.snippets.question_required}}</div>
<div id="system-snippets-exceeding_max_chars">{{system.snippets.exceeding_max_chars}}</div>
</div>
<div id="PreCreate" class="reveal-modal medium" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<a class="onclick-go-back close-reveal-modal" aria-label="Close">&#215;</a>
<h2 id="modalTitle">
{% if number_search_results > 0 %}
<i class="fa fa-exclamation-triangle warning"></i> {{system.snippets.chat_room_ready}}
{% else %}
<i class="fa fa-spinner fa-pulse"></i> {{system.snippets.please_wait}}
{% endif %}
</h2>
<p class="subheader">{{system.snippets.article_help}}</p>
</div>
{% if number_search_results > 0 %}
<div class="modal-body">
<dl>
{% for result in search_results limit:3 %}
<dt>
<a href='{{ result.public_url }}' target='_blank'>
{% if result.class_name == "Question" %}
<i class=" fa fa-question"></i> {{ result.subject_plain | clip:70 }}
{% elsif result.class_name == "Article" %}
<i class=" fa fa-file-text-o"></i> {{ result.subject_plain | clip:70 }}
{% endif %}
</a>
</dt>
<dd>{{ result.body_plain | clip:80 }}</dd>
{% endfor %}
</dl>
<span class="text-center">({{system.snippets.click_open_window}})</span>
</div>
<div class="modal-footer clearfix">
<div id='form'>
{{form_begin}}
<div class="input-button">
{{system.snippets.did_not_help}}
<input id="chat_submit" name="commit" type="submit" value="{{system.snippets.start_chat}}" class="button button-submit small radius expand" />
</div>
{{form_end}}
</div>
</div>
{% else %}
<div class="modal-body">
<h1>{{system.snippets.chat_room_ready}}</h1>
</div>
<div class="modal-footer">
<p class="subheader">{{system.snippets.click_button_chat}}</p>
<div id='form'>
{{form_begin}}
<div class='input-button'>
<input id='chat_submit' name='commit' type='submit' class="button button-submit small radius expand" value='{{system.snippets.start_chat}}' />
</div>
{{form_end}}
</div>
</div>
{% endif %}
</div><!-- MODAL CONTENT -->
</div><!-- MODAL DIALOG / MODAL LG -->
</div><!-- #PreCreate -->
<main id="content">
<div class="container email">
<div class="row">
<div class="columns medium-8 medium-offset-2">
<section class="header">
<h1>{{system.snippets.live_chat}}</h1>
</section>
<section class="body">
<div class="panel form">
{{form_begin}}
{% if current_user == nil or current_user.is_guest %}
<div class="row">
<div class="form-group columns medium-6">
<label class="control-label" for="interaction_name">{{system.snippets.your_name}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.name }}" id="interaction_name" class="form-control" maxlength="100" name="interaction[name]" type="text" />
</div>
<div class="form-group columns medium-6">
<label class="control-label" for="interaction_email">{{system.snippets.your_email}} ({{system.snippets.required}}):</label>
<input value="{{ interaction.email }}" id="interaction_email" class="form-control" maxlength="100" name="interaction[email]" type="text" />
</div>
</div>
{% endif %}
<div class="form-group">
<label for="chat_subject" class="control-label">{{system.snippets.question}} ({{system.snippets.required}}):</label>
<textarea id='chat_subject' name='chat[subject]' type='text' value='{% if search_term and search_term != '' %}{{search_term}}{% else %}{{chat.subject}}{%endif%}' rows="6" cols="40" class="form-control">{{chat.body}}</textarea>
</div>
<div class="autosuggest show-for-small-only"></div>
<div class="input-button clearfix">
<input id='email_submit' class="button button-submit small radius expand" name='commit' type='submit' value='{{system.snippets.go_chat}}' />
</div>
{{form_end}}
</div>
</section>
</div>
</div>
</div>
</main>
<!--end:chat_pre_create-->
{% elsif page == "myportal_index" %}
<!--begin:myportal_index-->
<div id="registration-in-progress" class="hide">
<img alt='Ajax-loader-small' src='{{ "/images/ajax-loader-small.gif" | portal_image_url: image_asset_host }}' /> {{ system.snippets.registration_in_progress}}
</div>
<main id="content">
<div class="container myportal index">
<div class="row">
<div class="columns medium-12">
<section class="header row">
<div class="columns medium-4 small-12">
<select id="CaseFilter" class="form-control">
<option value="my">{{ system.snippets.show_my_cases}}</option>
{% if desk.customer.can_access_company_tickets? %}
<option value="company" selected="selected">{{ system.snippets.show_all_cases}}</option>
{% endif %}
<option value="7">{{ system.snippets.show_last_num_days | format_snippet: '"num":"7"' }}</option>
<option value="30">{{ system.snippets.show_last_num_days | format_snippet: '"num":"30"' }}</option>
</select>
</div>
<div class="columns medium-4 small-6">
<div class="switch left">
<input class="checkbox" id="ActiveOnly" type="checkbox" name="checkbox"></input>
<label for="ActiveOnly"></label>
</div>
<h6 class="left">&nbsp; &nbsp;{{ system.snippets.active_only}}</h6>
</div>
<div class="columns medium-4 small-6">
{% if site.email_enabled_config %}
<a href="{{desk.system.links.email}}" class="button right small radius">{{ system.snippets.create_new_case}}</a> {% endif %}
</div>
</section>
<section class="body">
<table id="MyCases" class="{% if MyCasesSort == true %} sort {% endif %}" width="100%">
<thead>
<tr>
<th>{{ system.snippets.case_id}}</th>
<th class="hide-for-small-only">{{ system.snippets.assigned_agent}}</th>
<th>{{ system.snippets.subject}}</th>
{% if desk.customer.can_access_company_tickets? %}
<th class="hide-for-small-only">{{ system.snippets.from}}</th>
{% endif %}
<th class="hide-for-small-only">{{ system.snippets.updated}}</th>
<th class="hide-for-small-only">{{ system.snippets.status}}</th>
</tr>
</thead>
<tbody>
{% for case in desk.page.content.cases %}
<tr>
<td class='a-caseid'>{{ case.id }}</td>
<td class="hide-for-small-only"><span>{{case.user.name_public | show_something: system.snippets.unassigned}}</span></td>
<td class='a-casesubject'><img src='{{ case.channel_icon }}' /> <a href="{{ case.portal_url }}">{{ case.subject | clip:50 }}</a></td>
{% if desk.customer.can_access_company_tickets? %}
<td class='a-casefrom hide-for-small-only'>{{case.customer.first_name}}</td>
{% endif %}
<td class='a-casecreated hide-for-small-only'>{{ case.updated_at | in_time_zone: site.timezone | date: '%b %d %Y' }}</td>
<td class='a-casestatus hide-for-small-only'>{% case case.status.id %} {% when 10 %} {{ system.snippets.case_new}} {% when 30 %} {{ system.snippets.case_open}} {% when 50 %} {{ system.snippets.case_pending}} {% when 70 %} {{ system.snippets.case_resolved}} {% when 90 %} {{ system.snippets.case_closed}} {% endcase %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div id='pagination'>
{{ desk.page.content.more_cases_block }}
</div>
</section>
</div>
</div>
</div>
</main>
<!-- #content -->
{% if MyCasesSort == true %}
<input id="MyCaseSort" class="hidden hide" value="true" />
{% endif %}
<!--end:myportal_index-->
{% elsif page == "myportal_show" %}
<!--begin:myportal_show-->
<div id="desk-external-variables-myaccount" class="desk-external-variables hide">
<div id="system-snippets-reply_required">{{system.snippets.message_required}}</div>
<div id="max_number_attachments">{{desk.system.max_attachments}}</div>
</div>
<div id="content">
<div class="container myportal case">
<div class="body row">
<div class="columns medium-8">
<!-- START CASE VIEW -->
<div class="interactions">
<!-- ///////////////////////////////////////////////////////////////
**** START CASE SOURCE SECTION ****
/////////////////////////////////////////////////////////////// -->
{% if case.is_email_channel? %}<!--EMAIL-->
<div class="header row">
<div class="columns medium-12">
<h2>{{case.subject}}</h2>
</div>
</div>
{% assign numder = 1 %}
{% for email in case.emails %}
{% if numder == 1 %}
<div class="panel user">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{% if case.customer.facebook.profile_image_url != nil %}
<img src="{{ case.customer.facebook.profile_image_url }}" class="gravatar" />
{% elsif case.customer.twitter.profile_image_url != nil %}
<img src="{{ case.customer.twitter.profile_image_url }}" width="50" height="50" class="gravatar twitter-avatar" />
{% else %}
{{ email.from | gravatar_image: gravatar_unknown_user, ssl }}
{% endif %}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{email.from_name | show_something: case.customer.name}}
</h4>
<span class="label right warning">User &nbsp;<i class="fa fa-lg fa-user"></i></span>
</div>
<time class='date'>{{email.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p' }}</time>
<hr>
<p>
{% if email.is_erased? %}
{% capture params %}"name":"{{email.erased_by.name}}"{% endcapture %}
{{ system.snippets.content_erased | format_snippet: params }}
{% else %}
{{ email.new_html | escape_newlines }}
{% endif %}
</p>
<h4>{{ email.attachments.size }}</h4>
{% if email.attachments.size > 0 %}
<h4>{{ system.snippets.attachments}}</h4>
<table class="table table-hover" width="100%;">
<tr>
<th>File</th>
<th>Link</th>
</tr>
{% for attachment in email.attachments%}
<tr><td>{{attachment.file_name}}</td><td><a href="{{attachment.url}}">Download</a></td></tr>
{% endfor %}
</table>
{% endif %}
</div>
</div>
</div>
</div>
{% assign numder = 2 %}
{% else %}
{% if email.agent.name_public != nil %}
<!-- AGENT REPLY -->
<div class="panel agent callout">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{{ email.agent.email | gravatar_image: gravatar_unknown_user, ssl }}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{email.agent.name_public}}
</h4>
<span class="label right">{{ site.company_name }} {{ site.agent_name_config }} &nbsp;<i class="fa fa-lg fa-gear"></i></span>
</div>
<time class='date'>{{email.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p' }}</time>
<hr>
<p>
{% if email.is_erased? %}
{% capture params %}"name":"{{email.erased_by.name}}"{% endcapture %}
{{ system.snippets.content_erased | format_snippet: params }}
{% else %}
{{ email.new_html | escape_newlines }}
{% endif %}
</p>
{% if email.attachments.size > 0 %}
<h4>{{ system.snippets.attachments}}</h4>
<table class="table table-hover" width="100%;">
<tr>
<th>File</th>
<th>Link</th>
</tr>
{% for attachment in email.attachments%}
<tr><td>{{attachment.file_name}}</td><td><a href="{{attachment.url}}">Download</a></td></tr>
{% endfor %}
</table>
{% endif %}
</div>
</div>
</div>
</div>
{% else %}
<!-- USER REPLY -->
<div class="panel user">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{% if case.customer.facebook.profile_image_url != nil %}
<img src="{{ case.customer.facebook.profile_image_url }}" class="gravatar" />
{% elsif case.customer.twitter.profile_image_url != nil %}
<img src="{{ case.customer.twitter.profile_image_url }}" width="50" height="50" class="gravatar twitter-avatar" />
{% else %}
{{ email.from | gravatar_image: gravatar_unknown_user, ssl }}
{% endif %}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{email.from_name | show_something: case.customer.name}}
</h4>
<span class="label right warning">User &nbsp;<i class="fa fa-lg fa-user"></i></span>
</div>
<time class='date'>{{email.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p' }}</time>
<hr>
<p>
{% if email.is_erased? %}
{% capture params %}"name":"{{email.erased_by.name}}"{% endcapture %}
{{ system.snippets.content_erased | format_snippet: params }}
{% else %}
{{ email.new_html | escape_newlines }}
{% endif %}
</p>
{% if email.attachments.size > 0 %}
<h4>{{ system.snippets.attachments}}</h4>
<table class="table table-hover" width="100%;">
<tr>
<th>File</th>
<th>Link</th>
</tr>
{% for attachment in email.attachments%}
<tr><td>{{attachment.file_name}}</td><td><a href="{{attachment.url}}">Download</a></td></tr>
{% endfor %}
</table>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% elsif case.is_qna_channel? %}<!--QNA-->
{% assign question = case.question %}
{% if question.hidden? %}
<div class='header row'>
<div class="columns medium-12">
<h2>{{system.snippets.not_posted_question_yet}}</h2>
</div>
</div>
{% else %}
<div class='header row'>
<div class="columns medium-12">
<h2>{{case.subject}}</h2>
</div>
</div>
<div class="row body">
<div class="columns medium-12">
<div class="panel user">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{% if case.customer.facebook.profile_image_url != nil %}
<img src="{{ case.customer.facebook.profile_image_url }}" class="gravatar" />
{% elsif case.customer.twitter.profile_image_url != nil %}
<img src="{{ case.customer.twitter.profile_image_url }}" width="48" height="48" class="gravatar twitter-avatar" />
{% else %}
{{ question.from_email | gravatar_image: gravatar_unknown_user, ssl }}
{% endif %}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{question.from_name | show_something: case.customer.name}}
</h4>
<span class="label right warning">User &nbsp;<i class="fa fa-lg fa-user"></i></span>
</div>
<time class='date'>{{question.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }}</time>
<hr>
<p>{{ question.body_plain | escape_newlines }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row body">
<div class="columns medium-12">
<!-- ///////////////////////////////////////////////////////////////
**** CASE ANSWERS SECTION ****
/////////////////////////////////////////////////////////////// -->
{% for answer in case.answers %}
{% if answer.agent.name_public == nil %}
<!-- USER REPLY -->
<div class="panel user">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{% if case.customer.facebook.profile_image_url != nil %}
<img src="{{ case.customer.facebook.profile_image_url }}" class="gravatar" />
{% elsif case.customer.twitter.profile_image_url != nil %}
<img src="{{ case.customer.twitter.profile_image_url }}" width="50" height="50" class="gravatar twitter-avatar" />
{% else %}
{{ email.from | gravatar_image: gravatar_unknown_user, ssl }}
{% endif %}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{answer.from_name | show_something: case.customer.name}}
</h4>
<span class="label right warning">User &nbsp;<i class="fa fa-lg fa-user"></i></span>
</div>
<time class='date'>{{answer.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }}</time>
<hr>
<p>
{% if answer.is_erased? %}
{% capture params %}"name":"{{answer.erased_by.name}}"{% endcapture %}
{{ system.snippets.content_erased | format_snippet: params }}
{% else %}
{{ answer.body_plain | escape_newlines }}
{% endif %}
</p>
</div>
</div>
</div>
</div>
{% else %}
<!-- AGENT REPLY -->
<div class="panel callout agent">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{{ email.agent.email | gravatar_image: gravatar_unknown_user, ssl }}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{answer.agent.name_public}}
</h4>
<span class="label right">{{ site.company_name }} {{ site.agent_name_config }} &nbsp;<i class="fa fa-lg fa-gear"></i></span>
</div>
<time class='date'>{{answer.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p %Z' }}</time>
<hr>
<p>
{% if answer.is_erased? %}
{% capture params %}"name":"{{answer.erased_by.name}}"{% endcapture %}
{{ system.snippets.content_erased | format_snippet: params }}
{% else %}
{{ answer.body_plain | escape_newlines }}
{% endif %}
</p>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}<!--CASE ANSWERS-->
</div>
</div>
{% endif %}<!-- end question hidden/not -->
{% elsif case.is_chat_channel? %}
{% assign chat = case.chat %}
<div class="row header">
<div class="columns medium-12">
<h2>{{system.snippets.live_chat | remove:'!' }}</h2>
<div class="panel user">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{{ desk.page.content.case.customer.email | gravatar_image: gravatar_unknown_user, ssl }}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{ desk.page.content.case.customer.name }}
</h4>
<span class="label right warning">User &nbsp;<i class="fa fa-lg fa-user"></i></span>
</div>
<time class='date'>{{ desk.page.content.case.created_at | in_time_zone: site.timezone | date: '%I:%M%p' }}</time>
<hr>
<p>{{case.subject}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row body case">
<div class="columns medium-12">
{% for message in chat.messages %}
{% if message.from_system? %}
{% if message.text contains 'left' or message.text contains 'ended' %}
<div class="alert-box clearfix alert">
{{message.text}} at {{message.created_at | in_time_zone: site.timezone | date: '%I:%M%p' }}&nbsp;&nbsp;<i class="fa right fa-unlink danger"></i>
</div>
{% endif %}
{% if message.text contains 'queue' or message.text contains 'wait' %}
<div class="alert-box clearfix warning">
{{message.text}} at {{message.created_at | in_time_zone: site.timezone | date: '%I:%M%p' }}&nbsp;&nbsp;<i class="fa right fa-clock-o warning"></i>
</div>
{% endif %}
{% if message.text contains 'entered' or message.text contains 'connected' %}
<div class="alert-box clearfix success">
{{message.text}} at {{message.created_at | in_time_zone: site.timezone | date: '%I:%M%p' }}&nbsp;&nbsp;<i class="fa right fa-bolt success"></i>
</div>
{% endif %}
{% else %}
{% if desk.page.content.case.customer.name == message.user.name %}
<div class="panel user">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{{ desk.page.content.case.customer.email | gravatar_image: gravatar_unknown_user, ssl }}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{message.user.name}}
</h4>
<span class="label right warning">User &nbsp;<i class="fa fa-lg fa-user"></i></span>
</div>
<time class='date'>{{message.created_at | in_time_zone: site.timezone | date: '%I:%M%p' }}</time>
<hr>
{{ message.text | escape_newlines }}
</div>
</div>
</div>
</div>
{% else %}
<div class="panel callout agent">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{{ message.agent.email | gravatar_image: gravatar_unknown_user, ssl }}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{message.user.name}}
</h4>
<span class="label right">{{ site.company_name }} {{ site.agent_name_config }} &nbsp;<i class="fa fa-lg fa-gear"></i></span>
</div>
<time class='date'>{{message.created_at | in_time_zone: site.timezone | date: '%I:%M%p' }}</time>
<hr>
{{ message.text | escape_newlines }}
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
{% elsif case.is_twitter_channel? %}
<!-- ///////////////////////////////////////////////////////////////
**** TWITTER SECTION ****
/////////////////////////////////////////////////////////////// -->
<div class="header row">
<div class="columns medium-12">
<h2>{{case.subject}}</h2>
</div>
</div>
<div class="body row">
<div class="columns medium-12">
{% for tweet in case.tweets %}
{% assign reply_to = tweet.public_url %}
{% assign tweet_dm = tweet.dm %}
{% if tweet.agent.email != nil %}
<!-- AGENT TWEET -->
<div class="panel callout agent">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{{ tweet.agent.email | gravatar_image: gravatar_unknown_user, ssl }}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{tweet.agent.name_public}}
</h4>
<span class="label right">{{ site.company_name }} {{ site.agent_name_config }} &nbsp;<i class="fa fa-lg fa-gear"></i></span>
</div>
<time class='date'>{{tweet.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p' }}</time>
<hr>
{% if tweet.is_erased? %}
{% capture params %}"name":"{{tweet.erased_by.name}}"{% endcapture %}
<p>{{ system.snippets.content_erased | format_snippet: params }}</p>
{% else %}
<p>{{ tweet.subject | escape_newlines }}</p>
{% endif %}
</div>
</div>
</div>
</div>
{% else %}
<!-- USER TWEET -->
<div class="panel user">
<div class="row collapse">
<div class="columns medium-1 hide-for-small-only">
<div class="th">
{{ desk.page.content.case.customer.email | gravatar_image: gravatar_unknown_user, ssl }}
</div>
</div>
<div class="columns medium-11 small-12">
<div class="columns medium-12">
<div class="clearfix">
<h4 class="left">
{{case.customer.name}} <small>via <a href="http://twitter.com/{{ tweet.twitter_customer.login }}" target="_blank">{{ tweet.twitter_customer.login }}</a></small>
</h4>
<span class="label right warning">User &nbsp;<i class="fa fa-lg fa-user"></i></span>
</div>
<time class='date'>{{{ tweet.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p' }}</time>
<hr>
{% if tweet.is_erased? %}
{% capture params %}"name":"{{tweet.erased_by.name}}"{% endcapture %}
<p>{{ system.snippets.content_erased | format_snippet: params }}</p>
{% else %}
<p>{{ tweet.subject | escape_newlines }}</p>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% elsif case.is_facebook_channel? %}
<div class="row remove">
<div class="columns-medium-12">
<h1>{{case.subject}}</h1>
</div>
</div>
<!-- ///////////////////////////////////////////////////////////////
**** FACEBOOK SECTION ****
/////////////////////////////////////////////////////////////// -->
{% for facebook_feeds in case.facebook_feed_items_non_draft %}
{% assign thread_url = facebook_feeds.public_url %}
<div class='interaction row'>
<div class="columns medium-1">
<span class='gravatar'>
{% if case.customer.id == facebook_feeds.from_customer.id %}
{% if case.customer.facebook.profile_image_url != nil %}
<img src="{{ case.customer.facebook.profile_image_url }}" class="gravatar" />
{% else %}
{{ facebook_feeds.agent.email | gravatar_image: gravatar_unknown_user, ssl }}
{% endif %}
{% else %}
{{ facebook_feeds.agent.email | gravatar_image: gravatar_unknown_user, ssl }}
{% endif %}
</span>
</div>
<div class='interaction-details columns medium-7'>
<h3 class='meta'>
<small class='date'>{{facebook_feeds.created_at | in_time_zone: site.timezone | date: '%b %d, %Y %I:%M%p' }}</small>
{% if facebook_feeds.agent == nil %}
<span>{{ facebook_feeds.from_customer.name_public }}</span>
{% else %}
<span>{{ facebook_feeds.agent.name }} via {{ facebook_feeds.from_customer.name_public }}</span>
{% endif %}
</h3>
{% if facebook_feeds.is_erased? %}
{% capture params %}"name":"{{facebook_feeds.erased_by.name}}"{% endcapture %}
<div class='interaction-body'>{{ system.snippets.content_erased | format_snippet: params }}</div>
{% else %}
<div class='interaction-body'>{{ facebook_feeds.message | escape_newlines }}</div>
{% endif %}
</div>
</div>
{% endfor %}
<div class="case-footer">
<p><a href="{{ thread_url }}" target="_blank">View and reply to this thread on Facebook</a></p>
</div>
{% elsif case.is_phone_channel? %}<!--PH-->
<div class="header row">
<div class="columns medium-12">
<h2>Phone Case</h2>
{{ case.description | escape_newlines }}
</div>
</div>
{% endif %}
<!-- ///////////////////////////////////////////////////////////////
**** REPLY ROW SECTION ****
/////////////////////////////////////////////////////////////// -->
{% if case.can_accept_replies and case.customer.id == desk.customer.id %}
<div class="reply row {% if case.resolved? %} hide {% endif %}" id="ReplyRow">
<div class="columns medium-12">
<!-- REPLY HEADER -->
{% if case.is_email_channel? %}
<h2>{{ system.snippets.reply_to_this_case}}</h2>
{% else %}
<h2>{{system.snippets.post_public_answer}}</h2>
{% endif %}
<!-- REPLY FORM -->
<div id="form" class="form panel panel-default">
<div class="panel-footer no-body">
{% if case.is_email_channel? %}
{{form_begin}}
<div class="form-group">
<textarea class="form-control" id="interaction_body" name="interaction[body]" rows="6" cols="40"></textarea>
<label for="interaction_body">{{system.snippets.answer}} <span class="muted">({{system.snippets.required}})</span></label>
</div>
<div class="form-group attachments">
<label for="case_attachment[attachment]" class="control-label"><i class="fa fa-paperclip"></i>{{system.snippets.file_attachment}}</label>
<div class="desk_file_upload">
<input type="button" class="button tiny" value="{{system.snippets.choose_file}}">
<input name="case_attachment[attachment]" size="84" type="file">
<div class="faux-file-field">
<input disabled="disabled" type="text">
</div>
</div>
</div>
<div class="input-button">
<input id='reply_submit' name='commit' type='submit' value='{{system.snippets.send_text}}' class="button button-submit expand" />
</div>
{{form_end}}
{% else %}
{{form_begin}}
<div class="form-group">
<label for="interaction_body">{{system.snippets.answer}} <span class="muted">({{system.snippets.required}})</span></label>
<textarea class="form-control" id="interaction_body" name="interaction[body]" rows="6" cols="40"></textarea>
</div>
<div class="input-button">
<input id='reply_submit' name='commit' type='submit' value='{{system.snippets.post_answer}}' class="button button-submit expand" />
</div>
{{form_end}}
{% endif %}
</div>
</div>
</div><!-- Columns 12 -->
</div><!--END:REPLY-->
{% endif %}
</div><!-- Interactions -->
</div><!-- 8 col -->
<!--Begin Sidebar-->
<div class="columns medium-4">
<h2>{{system.snippets.case_status}}</h2>
<div class="status row">
<div class="columns medium-12 stats">
<table class="table table-hover" width="100%;">
<tbody>
<tr>
<td>{{ system.snippets.case_status }}</td>
<td>
{% case case.status.id %}
{% when 10 %}
{{ system.snippets.case_new}}
{% when 30 %}
{{ system.snippets.case_open}}
{% when 50 %}
{{ system.snippets.case_pending}}
{% when 70 %}
{{ system.snippets.case_resolved}}
{% when 90 %}
{{ system.snippets.case_closed}}
{% endcase %}
</td>
</tr>
<tr>
<td>{{ system.snippets.case_id}}:</td>
<td>{{case.id}}</td>
</tr>
<tr>
<td>{{ system.snippets.assigned_agent}}:</td>
<td>{{case.user.name_public | show_something: system.snippets.unassigned}}</td>
</tr>
{% if desk.customer.can_access_company_tickets? %}
<tr>
<td>{{ system.snippets.from}}:</td>
<td>{{case.customer.first_name}} {{case.customer.last_name}}</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
<div class="columns medium-12">
{% if case.status.id == 10 or case.status.id == 30 or case.status.id == 50 %}
{{resolve_or_reopen_button}}
{% elsif case.status.id != 90 %}
<button class="button expand" id="reOpen" onclick="javascript: $('div#ReplyRow').toggleClass('hide'); $('#interaction_body').focus();
$('<p>Add a response to reopen this case</p>').insertBefore('#interaction_body').slideDown(1000);"> {{ system.snippets.reopen_case }}</button>
{% endif %}
</div>
</div>
</div>
<!--END Sidebar-->
</div>
</div>
</div>
<!--end:myportal_show-->
{% elsif page == "login" %}
<!--begin:login-->
<div id="desk-external-variables-myportal_show" class="desk-external-variables hide">
<div id="system-snippets-email_required" class=""><p class="error">{{system.snippets.email_required}}</p></div>
<div id="system-snippets-invalid_email" class="alert hide">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-password_required" class="alert hide">{{system.snippets.password_required}}</div>
</div>
<main id="content">
<div class="container login">
<div class="row">
<div class="columns medium-6 medium-offset-3">
<section class="header">
<h1 class="text-center">{{system.snippets.login_title}}</h1>
</section>
<section class="body">
<div class="panel panel-default form login clearfix">
<div class="panel-body">
<div id='form' class='login-form'>
{{desk.page.content.form}}
</div>
<ul class="button-group account even-2"></ul>
<ul class="button-group login even-2"></ul>
</div>
</div>
</section>
</div>
</div>
</div>
</main>
<!--end:login-->
{% elsif page == "registration" %}
<!--begin:registration-->
<div id="desk-external-variables-registration" class="desk-external-variables hide">
<div id="system-snippets-email_required"><p class="error">{{system.snippets.email_required}}</p></div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-password_required" class="alert hide">{{system.snippets.password_required}}</div>
</div>
<main id="content">
<div class="container register">
<div class="row">
<div class="columns medium-6 medium-offset-3">
<section class="header">
<h1 class="text-center">{{system.snippets.registration_title}}</h1>
</section>
<section class="body">
<div class="panel panel-default form login">
<div class="panel-body">
<div id='form' class='registration-form clearfix'>
{{desk.page.content.form}}
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</main>
<!--end:registration-->
{% elsif page == "forgot_password" %}
<!--begin:forgot_password-->
<div id="desk-external-variables-forgot_password" class="desk-external-variables hide">
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-password_required" class="alert hide">{{system.snippets.password_required}}</div>
</div>
<main id="content">
<div class="container password">
<div class="row">
<div class="columns medium-6 medium-offset-3">
<section class="header">
<h1 class="text-center">{{system.snippets.password_reset_title}}</h1>
</section>
<section class="body">
<div class="panel panel-default form login">
<div class="panel-body clearfix">
{{desk.page.content.form}}
</div>
</div>
</section>
</div>
</div>
</div>
</main>
<!--end:forgot_password-->
{% elsif page == "myaccount" %}
<!--begin:myaccount-->
<div id="desk-external-variables-myaccount" class="desk-external-variables hide">
<div id="system-snippets-email_required">{{system.snippets.email_required}}</div>
<div id="system-snippets-invalid_email">{{system.snippets.invalid_email}}</div>
<div id="system-snippets-duplicate_email">{{system.snippets.duplicate_email}}</div>
</div>
<main id="content">
<div class="container myportal account">
<div class="row">
<div class="columns medium-8 medium-offset-2">
<section class="header">
<h1>{{system.snippets.account_title}}</h1>
<p class="subheader"><a href='{{ desk.system.links.myportal }}'>{{system.snippets.track_support_cases_clickable}}</a>{{system.snippets.track_support_cases}}</p>
</section>
<section class="body">
{% unless current_customer.verified? %}
<p class="bg-warning"> {{system.snippets.account_not_verified}} </p>
{% endunless %}
<div id='form' class='myaccount-form'>
{{desk.page.content.form}}
</div>
<div class="row collapse"></div>
<div id="AddAccount" class="button-group even-2"></div>
</section>
</div>
</div>
</div>
</main>
<!--end:myaccount-->
{% elsif page == "authentication_verification" %}
<!--begin:authentication_verification-->
<main id="content">
<div class="container account">
<div class="row">
<div class="columns medium-6 medium-offset-3">
<section class="header">
<h1 class="text-center">{{system.snippets.auth_verification_title}}</h1>
</section>
<section class="body">
<div class="panel panel-default form login clearfix">
<div class="panel-body">
<div id="verification_step_1">
<div id='form' class='authentication_verification-form'>
{{desk.page.content.form}}
</div>
<div id="authentication-verification-copy">
<p>{{desk.system.snippets.authentication_verification_msg}}{% if twitter_screen_name != nil %} @{{twitter_screen_name}}{% endif %}</p>
<p>{{desk.system.snippets.authentication_verification_note}}</p>
</div>
</div>
<div id="verification_step_2">
<p>{{verification_initiation_success}}</p>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</main>
<!--end:authentication_verification-->
{% elsif page == "customer_feedback" %}
<!--begin:customer_feedback-->
{% if customer_feedback.feedback_enabled == true %}
<main id="content">
<div class="container csat">
<div class="row">
<article class="columns medium-8 medium-offset-2">
<section id="top" class="header">
<h1>{{system.snippets.customer_feedback_title}}</h1>
<h5>{{system.snippets.customer_feedback_case}} {{system.snippets.case_id}}: {{ticket.id}} ?</h5>
</section>
<section class="body">
<div class="panel panel-default form" id="form">
<div class="panel-body">
<label for="" class="control-label">{{customer_feedback.question}}</label>
<input id="customer-feedback-checked-rating" type="hidden" name="checked_rating" value="{{customer_feedback.rating}}">
{% if customer_feedback.yes_no_rating? %}
<div class="row two-up">
<div class="columns small-3">
<div class="form-group">
<input id="customer-feedback-rating0" class="" name="customer_feedback[rating]" type="radio" value="0">
<button type="button" class="button value-0">
<img class="radio-label-rating-type" src='{{ "/images/rating_type100_0.png" | portal_image_url: image_asset_host }}'>
</button>
</div>
</div>
<div class="columns small-3">
<div class="form-group">
<input id="customer-feedback-rating1" class="" name="customer_feedback[rating]" type="radio" value="3">
<button type="button" class="button value-3">
<img class="radio-label-rating-type" src='{{ "/images/rating_type100_3.png" | portal_image_url: image_asset_host }}'>
</button>
</div>
</div>
</div>
{% else %}
<div class="row four-up">
<div class="columns small-3">
<div class="form-group">
<input id="customer-feedback-rating0" class="" name="customer_feedback[rating]" type="radio" value="0">
<button type="button" class="button value-0">
<img class="radio-label-rating-type" src='{{ "/images/rating_type200_0.png" | portal_image_url: image_asset_host }}'>
</button>
</div>
</div>
<div class="columns small-3">
<div class="form-group">
<input id="customer-feedback-rating1" class="" name="customer_feedback[rating]" type="radio" value="1">
<button type="button" class="button value-1">
<img class="radio-label-rating-type" src='{{ "/images/rating_type200_1.png" | portal_image_url: image_asset_host }}'>
</button>
</div>
</div>
<div class="columns small-3">
<div class="form-group">
<input id="customer-feedback-rating2" class="" name="customer_feedback[rating]" type="radio" value="2">
<button type="button" class="button value-2">
<img class="radio-label-rating-type" src='{{ "/images/rating_type200_2.png" | portal_image_url: image_asset_host }}'>
</button>
</div>
</div>
<div class="columns small-3">
<div class="form-group">
<input id="customer-feedback-rating3" class="" name="customer_feedback[rating]" type="radio" value="3">
<button type="button" class="button value-3">
<img class="radio-label-rating-type" src='{{ "/images/rating_type200_3.png" | portal_image_url: image_asset_host }}'>
</button>
</div>
</div>
</div>
{% endif %}
{% if customer_feedback.additional_feedback_enabled? %}
<div class="form-group input-block">
<label class="control-label">{{customer_feedback.additional_question}}</label>
<textarea name='customer_feedback[additional_feedback]' class="form-control" maxlength="1024">{{customer_feedback.additional_feedback}}</textarea>
</div>
{% endif %}
<div class='input-button'>
<input id='customer-feedback-submit' name='commit' type='submit' value='Submit' class="button small expand radius" />
</div>
</div>
</div>
</section>
</article>
</div>
</div>
</main>
{% else %}
<main id="content">
<div class="container csat">
<div class="row">
<article class="columns medium-8 medium-offset-2">
<section id="top" class="header">
<h1>{{system.snippets.customer_feedback_disabled}}</h1>
</section>
</article>
</div>
</div>
</main>
{% endif %}
<!--end:customer_feedback-->
{% elsif page == "customer_feedback_completed" %}
<!--begin:customer_feedback_completed-->
<main id="content">
<div class="container csat">
<div class="row">
<article class="columns medium-8 medium-offset-2">
<section class="header">
<h1>{{system.snippets.customer_feedback_completed}}</h1>
</section>
</article>
</div>
</div>
</main>
<script type="text/javascript" src="{{desk_javascript_host}}portal/desk.portal.body.customer_feedback.js"></script>
<!--end:customer_feedback_completed-->
{%endif%}
<!--end:portal_body-->
{% if page != 'page_index' %}
<section class="need-help">
<div class="container">
<div class="row">
<div class="columns medium-8 small-12 medium-offset-2">
<h1>Still Need Help?</h1>
<p>No worries, our all star support team is standing by!</p>
<ul>
{% if site.email_enabled_config %}
<li><a class="button warning radius expand" href='{{desk.system.links.email}}'>{{system.snippets.email_us}}<i class="right fa fa-envelope"></i></a></li>
{% endif %}
{% if site.chat_enabled_config %}
<li><a class="button warning radius expand" href='{{desk.system.links.chat}}'>{{system.snippets.live_chat}}<i class="right fa fa-comments"></i></a></li>
{% endif %}
{% if site.questions_enabled_config %}
<li><a class="button warning radius expand" href='{{desk.system.links.question}}'>{{system.snippets.post_public_question}}<i class="right fa fa-question"></i></a></li>
{% endif %}
</ul>
</div>
</div>
</div>
</section>
{% endif %}
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="powered_by_desk">
<a href="http://www.desk.com">
<div class="powered_by_logo"></div>
</a>
Powered by
</div>
</div>
</div>
</footer>
<!-- Facebook Like Button -->
<div id="fb-root"></div>
<!-- External Variables for Portal Header -->
<div id="desk-external-variables-header" class="desk-external-variables" style="display:none;">
<div id="system_language">{{system.language}}</div>
<div id="results_mobile">{{system.snippets.results_found_for | replace: 'for', '' }}</div>
<div id="read_only">{{read_only}}</div>
<div id="system-snippets-do_these_help">{{system.snippets.do_these_help}}</div>
<div id="site-default_mailbox">{{site.default_mailbox}}</div>
<div id="desk_javascript_host">{{desk_javascript_host}}</div>
<div id="twitter_enabled">{{desk.apps.twitter.enabled}}</div>
<div id="twitter_username">{{desk.apps.twitter.username}}</div>
<div id="system-snippets-loading">{{system.snippets.loading}}</div>
<div id="system-snippets-seconds_ago">{{system.snippets.seconds_ago}}</div>
<div id="system-snippets-a_minute_ago">{{system.snippets.a_minute_ago}}</div>
<div id="system-snippets-minutes_ago">{{system.snippets.minutes_ago}}</div>
<div id="system-snippets-an_hour_ago">{{system.snippets.an_hour_ago}}</div>
<div id="system-snippets-hours_ago">{{system.snippets.hours_ago}}</div>
<div id="system-snippets-a_day_ago">{{system.snippets.a_day_ago}}</div>
<div id="system-snippets-days_ago">{{system.snippets.days_ago}}</div>
<div id="system-snippets-about">{{system.snippets.about}}</div>
<div id="enable_gs">{{desk.apps.get_satisfaction.enabled}}</div>
<div id="system-snippets-invalid_characters_found">{{system.snippets.invalid_characters_found}}</div>
<div id="site-search_autocomplete_articles_url">{{site.search_autocomplete_articles_url}}</div>
<div id="search-term">{{search_term}}</div>
<div id="read-article">{{ system.snippets.read_article }}</div>
{% if desk.apps.get_satisfaction.enabled %}
<div id="system-snippets-get_satisfaction_error">{{system.snippets.get_satisfaction_error}}</div>
<div id="system-snippets-view_all">{{system.snippets.view_all}}</div>
<div id="system-snippets-no_related_discussions">{{system.snippets.no_related_discussions}}</div>
<div id="system-snippets-related_discussions">{{system.snippets.related_discussions}}</div>
<div id="zero0">{{0}}</div>
<div id="system-snippets-discussions">{{system.snippets.discussions}}</div>
<div id="system-snippets-replies">{{system.snippets.replies}}</div>
<div id="system-snippets-questions">{{system.snippets.questions}}</div>
<div id="system-snippets-ideas">{{system.snippets.ideas}}</div>
<div id="system-snippets-problems">{{system.snippets.problems}}</div>
<div id="system-snippets-praise">{{system.snippets.praise}}</div>
{% endif %}
</div>
<div id="ThemeOptions" class="hidden" style="display:none;">
<div id="header_text">{{desk.page.theme.hdr-text-color}}</div>
<div id="current-page">{{ page }}</div>
<div id="brand_id">{{ desk.current_brand.id }}</div>
<div id="site-brands">
{% for brand in desk.brands %}
<div id="{{brand.id}}">{{brand.name}}</div>
{% endfor %}
</div>
{% if SkipPreCreate == true %}
<div id="SkipPreCreate">true</div>
{% endif %}
{% if MBSearchPage == true %}
<div id="MBSearchPage">true</div>
<div id="results-count">{{ number_search_results }}</div>
{% endif %}
{% if MBSearchSuggest == true %}
<div id="MBSearchSuggest">true</div>
{% endif %}
{% if MBArticleSuggest == true %}
<div id="MBArticleSuggest">true</div>
{% endif %}
{% if responsiveImages == true %}
<div id="responsiveImages">true</div>
{% endif %}
</div>
<script type="text/javascript" src="//desk-customers.s3.amazonaws.com/desk/themes/foundation/js/foundation.min.js"></script>
<script type="text/javascript" src="//desk-wow.s3.amazonaws.com/themepark/everglades/scripts/desk.portal.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment