link item to ticket frontend

core/requirements.dev.txt

@@ -34,6 +34,7 @@ drf-yasg==1.21.7
 frozenlist==1.4.1
 h11==0.14.0
 hyperlink==21.0.0
+hypothesis==6.124.2
 idna==3.4
 incremental==22.10.0
 inflection==0.5.1

core/tickets/shared_serializers.py

@@ -9,7 +9,6 @@ class RelationSerializer(serializers.ModelSerializer):
     class Meta:
         model = ItemRelation
         fields = ('id', 'status', 'timestamp', 'item', 'issue_thread')
-        read_only_fields = ('id', 'timestamp')
 
 
 class BasicIssueSerializer(serializers.ModelSerializer):

web/src/views/Ticket.vue

@@ -17,7 +17,7 @@
                                         <textarea placeholder="add comment..." v-model="newComment"
                                                   class="form-control">
                                         </textarea>
-                                        <AsyncButton class="btn btn-secondary float-right" :task="addCommentAndClear">
+                                        <AsyncButton class="btn btn-primary float-right" :task="addCommentAndClear">
                                             <font-awesome-icon icon="comment"/>
                                             Save Comment
                                         </AsyncButton>
@@ -25,7 +25,7 @@
                                 </div>
                             </template>
                             <template v-slot:timeline_action2>
-                                <span class="timeline-item-icon | filled-icon">
+                                <span class="timeline-item-icon | faded-icon">
                                     <font-awesome-icon icon="envelope"/>
                                 </span>
                                 <div class="new-mail card bg-dark">
@@ -83,8 +83,8 @@
                             </ClipboardButton>
                             <div class="btn-group">
                                 <input type="text" class="form-control" v-model="item_id">
-                                <button class="form-control btn btn-success" :disabled="!item_id"
-                                        @click="linkTicketItem({ticket_id: ticket.id, item_id: parseInt(item_id)}).then(()=>item_id='')">
+                                <button class="form-control btn btn-success"
+                                        @click="linkTicketItem({ticket_id: ticket.id, item_id: item_id}).then(()=>item_id='')">
                                     Link&nbsp;Item
                                 </button>
                             </div>
@@ -207,10 +207,10 @@ export default {
     },
     mounted() {
         this.scheduleAfterInit(() => [Promise.all([this.fetchTicketStates(), this.loadTickets(), this.loadUsers(), this.fetchShippingVouchers()]).then(() => {
-            //if (this.ticket.state === "pending_new") {
-            //    this.selected_state = "pending_open";
-            //    this.changeTicketStatus()
-            //}
+            if (this.ticket.state === "pending_new") {
+                this.selected_state = "pending_open";
+                this.changeTicketStatus()
+            }
             this.selected_state = this.ticket.state;
             this.selected_assignee = this.ticket.assigned_to
         })]);