<commit_before><div class="container" *ngIf="!question && !question.question">
    <div class="columns centered">
        <div class="one-fifth column centered text-center">
            <md-spinner></md-spinner>
        </div>
    </div>
</div>
<div class="container" *ngIf="question && question.question">
    <div class="columns centered">
        <div class="four-fifths column centered">
            <div class="columns">
                <br>
                <div class="four-fifths column">
                    <h1>{{question.title}}</h1>
                </div>
                <div class="one-fifth column">
                    <a md-raised-button md-icon-button class="bg-blue" routerLink="/questions/update/{{question.id}}/{{question.url_title}}">
                        <md-icon class="fa fa-pencil fa-2x text-white"></md-icon>
                    </a>
                    <button md-raised-button md-icon-button class="bg-red"><md-icon class="fa fa-trash fa-2x text-white"></md-icon></button>
                </div>
            </div>
            <div class="columns">
                <div class="three-fourths column">
                    <p class="Subhead-description">
                        by <a routerLink="/user-profile/{{question.username}}">{{question.username}}</a>
                    </p>
                </div>
            </div>
            <hr>
            <div class="columns centered">
                <div class="column">
                    <md-chip-list>
                        <md-chip *ngFor="let tag of question.tags">
                            {{tag}}
                        </md-chip>
                    </md-chip-list>
                </div>
            </div>
            <br>
            <div class="columns centered border bg-blue-light">
                <div class="column">
                    <div><b>Question:</b></div>
                </div>
            </div>
            <div class="blankslate" *ngIf="!question.description">
                <span class="fa fa-file-code-o fa-4x blankslate-icon"></span>
                <h3>There is no Question desctiption</h3>
            </div>
            <div *ngIf="question.description">
                <div class="border">
                    <div class="columns centered bg-gray-light">
                        <div class="four-fifths column centered">
                            <markdown [data]="question.description"></markdown>
                        </div>
                    </div>
                </div>
            </div>
            <div class="columns">
                <div class="one-third column">
                    <button md-raised-button class="full-width" mdTooltip="Upvote" (click)="upvote()"><md-icon class="fa fa-thumbs-o-up"></md-icon>{{question.upvotes.length}}</button>
                </div>
                <div class="one-third column">
                    <button md-raised-button class="full-width" mdTooltip="Downvote" (click)="downvote()"><md-icon class="fa fa-thumbs-o-down"></md-icon>{{question.downvotes.length}}</button>
                </div>
                <div class="one-third column">
                    <button md-raised-button class="full-width" mdTooltip="Bookmark"><md-icon class="fa fa-bookmark-o"></md-icon></button>
                </div>
            </div>
            <br>
            <md-input-container class="full-width">
                <textarea mdInput class="border border-bottom-0" placeholder="Enter your answer:" name="answer" [(ngModel)]="answer" style="height: 50px; resize: none"></textarea>
            </md-input-container>
            <button md-raised-button class="state state-open" [disabled]="!answer" (click)="insertAnswer()">Add answer</button>
            <br>
            <div *ngIf="question.answers.length > 0">
                <strong>Answers:</strong>

                <md-card class="example-comment-card border" *ngFor="let answer of question.answers">
                    <md-card-header>
                        <div md-card-avatar>
                            <img md-card-avatar class="avatars" src="app/assets/male_user.png">
                        </div>
                        <md-card-title><a routerLink="/user-profile/{{answer.username}}">{{answer.username}}</a></md-card-title>
                        <md-card-subtitle>{{answer.date | date:'medium'}}</md-card-subtitle>
                        <md-card-actions align="end">
                            <div class="columns">
                                <div class="column">
                                    <button md-raised-button class="bg-red" mdTooltip="Delete" (click)="deleteAnswer(comment)"><md-icon class="fa fa-trash text-white"></md-icon></button>
                                </div>
                            </div>
                        </md-card-actions>
                    </md-card-header>
                    <md-card-content>
                        <p>
                            {{answer.answer}}
                        </p>
                    </md-card-content>
                    <md-card-actions align="end">
                        <div class="columns">
                            <div class="one-third column">
                                <button md-raised-button class="full-width" mdTooltip="Upvote" (click)="upvoteAnswer(answer)"><md-icon class="fa fa-thumbs-o-up"></md-icon>{{answer.upvotes.length}}</button>
                            </div>
                            <div class="one-third column">
                                <button md-raised-button class="full-width" mdTooltip="Downvote" (click)="downvote(answer)"><md-icon class="fa fa-thumbs-o-down"></md-icon>{{answer.downvotes.length}}</button>
                            </div>
                            <div class="one-third column">
                                <button md-raised-button class="full-width" mdTooltip="Bookmark"><md-icon class="fa fa-bookmark-o"></md-icon></button>
                            </div>
                        </div>
                    </md-card-actions>
                </md-card>
            </div>
        </div>
    </div>
</div><commit_msg>updated edit que<commit_after><div class="container" *ngIf="!question || !question.question">
    <div class="columns centered">
        <div class="one-fifth column centered text-center">
            <md-spinner></md-spinner>
        </div>
    </div>
</div>
<div class="container" *ngIf="question && question.question">
    <div class="columns">
        <div class="four-fifths column centered">
            <h2>Edit Problem:</h2>
            <p class="Subhead-description">Make new changes to your problem statement.</p>
            <hr>

            <form>
                <div class="columns">
                    <div class="one-half column">
                        <md-input-container class="full-width">
                            <input mdInput placeholder="Problem title:" name="question" [(ngModel)]="question.question">
                        </md-input-container>
                    </div>
                </div>

                <div class="columns">
                    <div class="one-half column">
                        <md-input-container class="full-width">
                            <input mdInput [(ngModel)]="tag" (keyup.enter)="addTag()" placeholder="Keywords:" name="tag">
                            <md-hint align="start">Hit enter! to add keywords related to your problem. Example roadways.</md-hint>
                        </md-input-container>
                    </div>
                </div>

                <div class="columns">
                    <div class="column">
                        <md-chip-list>
                            <md-chip *ngFor="let tag of question.tags">
                                {{tag}}
                                <a class="fa fa-times" (click)="removeTag(tag)"></a>
                            </md-chip>
                        </md-chip-list>
                    </div>
                </div>

                <div class="columns">
                    <div class="four-fifths column">
                        <md-input-container class="full-width">
                            <textarea mdInput class="border border-bottom-0" placeholder="Problem details:" name="description" [(ngModel)]="question.description"
                                style="height: 300px; resize: none"></textarea>
                        </md-input-container>
                    </div>
                </div>
                <hr>
                <br>
                <div class="columns">
                    <div class="one-half column text-center">
                        <md-icon class="fa fa-file-image-o fa-3x"></md-icon>
                        <br>
                        <button md-raised-button color='primary' type="file">Upload Images</button>
                        <p class="note">Upload images or screenshorts related to your problem. (Optional)</p>
                    </div>
                </div>
                <hr>
                <div class="columns">
                    <div class="one-half column centered text-center">
                        <button class="btn btn-primary" type="button" (click)="updatequestion()">Update Problem</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{'fraction_non_alphanumeric': 0.14660411557735367, 'fraction_numerical': 0.0019191811493762662, 'mean_word_length': 1.318912237330037, 'pattern_counts': {'":': 0, '<': 232, '<?xml version=': 0, '>': 233, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '982292', 'n_tokens_mistral': 2507, 'n_tokens_neox': 2334, 'n_words': 455}