283 lines
10 KiB
HTML
283 lines
10 KiB
HTML
<div class="product-questions mt-4" data-v-component-questions>
|
|
<h4 class="border-top pt-4">Questions and answers</h4>
|
|
|
|
<ol class="question-list list-unstyled my-3">
|
|
<li class="question mb-4" data-v-question>
|
|
|
|
<div class="question-wrap d-flex ">
|
|
|
|
<figure class="author-avatar me-2">
|
|
<img src="img/sections/team/1.jpg" alt="user" width="60" data-v-question-avatar loading="lazy" data-v-if="question.avatar">
|
|
</figure>
|
|
|
|
<div class="question-author">
|
|
|
|
<div class="question-author">
|
|
<a rel="external nofollow ugc" href="#" data-v-if="question.url">
|
|
<span data-v-question-author>Maria Williams</span>
|
|
</a>
|
|
<span data-v-question-author data-v-if-not="question.url">Maria Williams</span>
|
|
</div>
|
|
|
|
<div class="question-meta text-small text-muted">
|
|
<span data-v-question-created_at data-filter-friendly_date>Jan 29, 2018</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="my-2" data-v-question-content>
|
|
<p>Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi. Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem. Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus. </p>
|
|
</div>
|
|
|
|
<div class="alert alert-light my-2 small" data-v-if="question.status = 0">
|
|
<div>Your question is awaiting moderation.</div>
|
|
<div>This is a question, your question will be visible after it has been approved.</div>
|
|
</div>
|
|
|
|
<div class="reply">
|
|
<a href="#question-form" class="reply-btn" data-question_id="{$question.question_id}" data-question_author="{$question.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</li>
|
|
<li class="question mb-4 level-2" data-v-question>
|
|
|
|
<div class="question-wrap d-flex ">
|
|
|
|
<figure class="author-avatar me-2">
|
|
<img src="http://place-hold.it/60x60" alt="user" width="60" data-v-question-avatar loading="lazy" data-v-if="question.avatar">
|
|
</figure>
|
|
|
|
<div class="question-author">
|
|
|
|
<div class="question-author">
|
|
<span data-v-question-author data-v-if-not="question.url">John doe</span>
|
|
</div>
|
|
|
|
<div class="question-meta text-small text-muted">
|
|
<span data-v-question-created_at data-filter-friendly_date>Jan 29, 2018</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="my-2" data-v-question-content>
|
|
<p>This is a reply question.</p>
|
|
</div>
|
|
|
|
<div class="alert alert-light my-2 small" data-v-if="question.status = 0">
|
|
<div>Your question is awaiting moderation.</div>
|
|
<div>This is a question, your question will be visible after it has been approved.</div>
|
|
</div>
|
|
|
|
<div class="reply">
|
|
<a href="#question-form" class="reply-btn" data-question_id="{$question.question_id}" data-question_author="{$question.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</li>
|
|
<li class="question mb-4" data-v-question>
|
|
|
|
<div class="question-wrap d-flex ">
|
|
|
|
<figure class="author-avatar me-2">
|
|
<img src="img/sections/team/1.jpg" alt="user" width="60" data-v-question-avatar loading="lazy" data-v-if="question.avatar">
|
|
</figure>
|
|
|
|
<div class="question-author">
|
|
|
|
<div class="question-author">
|
|
<a rel="external nofollow ugc" href="#" data-v-if="question.url">
|
|
<span data-v-question-author>Maria Williams</span>
|
|
</a>
|
|
<span data-v-question-author data-v-if-not="question.url">Maria Williams</span>
|
|
</div>
|
|
|
|
<div class="question-meta text-small text-muted">
|
|
<span data-v-question-created_at data-filter-friendly_date>Jan 29, 2018</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="my-2" data-v-question-content>
|
|
<p>Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi. Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem. Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus. </p>
|
|
</div>
|
|
|
|
<div class="alert alert-light my-2 small" data-v-if="question.status = 0">
|
|
<div>Your question is awaiting moderation.</div>
|
|
<div>This is a question, your question will be visible after it has been approved.</div>
|
|
</div>
|
|
|
|
<div class="reply">
|
|
<a href="#question-form" class="reply-btn" data-question_id="{$question.question_id}" data-question_author="{$question.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i>
|
|
</a>
|
|
</div>
|
|
|
|
</li>
|
|
</ol>
|
|
|
|
<div class="notifications" data-v-notifications>
|
|
|
|
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error>
|
|
|
|
<div class="icon align-middle me-2">
|
|
<i class="align-middle la la-2x lh-1 la-exclamation-triangle"></i>
|
|
</div>
|
|
|
|
<div class="flex-grow-1 align-self-center text-small">
|
|
<div>
|
|
<div data-v-notification-text>
|
|
This is a placeholder for a notification message.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">
|
|
<!-- <i class="la la-times"></i> -->
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="alert alert-success d-flex alert-dismissable d-flex" role="alert" data-v-notification-success>
|
|
|
|
<div class="icon align-middle me-2">
|
|
<i class="align-middle la la-2x lh-1 la-check-circle"></i>
|
|
</div>
|
|
|
|
<div class="flex-grow-1 align-self-center align-middle" data-v-notification-text>
|
|
This is a placeholder for a success message.
|
|
</div>
|
|
|
|
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">
|
|
<!-- <i class="la la-times"></i> -->
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info>
|
|
|
|
<div class="icon align-middle me-2">
|
|
<i class="align-middle la la-2x lh-1 la-info-circle"></i>
|
|
</div>
|
|
|
|
<div class="flex-grow-1 align-self-center" data-v-notification-text>
|
|
This is a placeholder for a info message.
|
|
</div>
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">
|
|
<!-- <i class="la la-times"></i> -->
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<button data-bs-toggle="collapse" href="#questions-form" role="button" aria-expanded="false" aria-controls="questions-form" class="btn btn-light border">
|
|
<span>Ask question</span>
|
|
<i class="la la-angle-down ms-2"></i>
|
|
</button>
|
|
|
|
<div class="questions-form collapse mt-4" id="questions-form">
|
|
|
|
|
|
<h5>Leave a reply</h5>
|
|
<span class="replyto" style="display:none">
|
|
<h3>Reply to <b data-question-author>author</b>
|
|
</h3>
|
|
<a href="#question-form" class="reply-btn d-inline-block" data-question_id="0" data-v-vvveb-action="replyTo">
|
|
Cancel reply
|
|
<i class="la la-window-close"></i>
|
|
</a>
|
|
</span>
|
|
|
|
|
|
<div class="loggedin mb-3" data-v-if="this.global.user_id">
|
|
<!--
|
|
<a href="#question-form" class="reply-btn d-inline-block" data-question_id="0" data-v-vvveb-action="replyTo">
|
|
Log out
|
|
<i class="la la-window-close"></i></a>
|
|
-->
|
|
|
|
<form action method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-selector=".product-questions">
|
|
|
|
<span>Logged in as <b data-v-global-user.display_name>author</b>
|
|
</span>
|
|
|
|
<input type="hidden" name="logout">
|
|
|
|
<button type="submit" value="logout" class="btn link-primary">
|
|
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
|
|
</span>
|
|
<span>Loading ...</span>...
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
Logout <i class="la la-sign-out-alt"></i>
|
|
</a>
|
|
</span>
|
|
|
|
</button>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<form id="question-form" method="post" action="" data-v-vvveb-action="addQuestion" data-v-vvveb-on="submit">
|
|
|
|
<input type="hidden" name="product_id" data-v-product-product_id>
|
|
<input type="hidden" name="slug" data-v-product-slug>
|
|
<input type="hidden" name="parent_id" value="0">
|
|
<input type="hidden" name="csrf" data-v-csrf>
|
|
|
|
<!-- antibot do not fill -->
|
|
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
|
|
|
|
|
|
<div data-v-if-not="this.global.user_id">
|
|
<div class="mb-3">
|
|
<label for="exampleInputEmail1" class="form-label">Name</label>
|
|
<input type="text" placeholder="Name" name="author" class="form-control" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="exampleInputPassword1" class="form-label">Email address</label>
|
|
<input type="email" placeholder="Email" name="email" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<textarea name="content" rows="5" cols="4" placeholder="Enter product question ..." class="form-control" required></textarea>
|
|
</div>
|
|
|
|
<!-- if these hidden inputs are filled then ignore robots -->
|
|
<input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty">
|
|
|
|
<input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">
|
|
|
|
<button type="submit" value="question" class="btn btn-primary btn-submit">
|
|
<span class="loading d-none">
|
|
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
|
|
<span>Posting</span>...
|
|
</span>
|
|
|
|
<span class="button-text">
|
|
<span>Post question</span>
|
|
<i class="la la-long-arrow-alt-right ms-1"></i>
|
|
</span>
|
|
</button>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
</div> |