WIP extending flags management interface with new options for state, assignee, notes, etc

public/language/en_GB/topic.json

@@ -36,6 +36,18 @@
 
 	"flag_title": "Flag this post for moderation",
 	"flag_success": "This post has been flagged for moderation.",
+	"flag_manage_title": "Flagged post in %1",
+	"flag_manage_history": "Action History",
+	"flag_manage_no_history": "No event history to report",
+	"flag_manage_assignee": "Assignee",
+	"flag_manage_state": "State",
+	"flag_manage_state_open": "New/Open",
+	"flag_manage_state_wip": "Work in Progress",
+	"flag_manage_state_resolved": "Resolved",
+	"flag_manage_state_rejected": "Rejected",
+	"flag_manage_notes": "Shared Notes",
+	"flag_manage_update": "Update Flag Status",
+
 	"deleted_message": "This topic has been deleted. Only users with topic management privileges can see it.",
 
 	"following_topic.message": "You will now be receiving notifications when somebody posts to this topic.",

src/views/admin/manage/flags.tpl

@@ -44,7 +44,7 @@
 
 		<div data-next="{next}">
 
-			<div class="post-container" data-next="{next}">
+			<div class="panel-group post-container" id="accordion" role="tablist" aria-multiselectable="true" data-next="{next}">
 				<!-- IF !posts.length -->
 				<div class="alert alert-success">
 					No flagged posts!
@@ -52,10 +52,21 @@
 				<!-- ENDIF !posts.length -->
 
 				<!-- BEGIN posts -->
+				<div class="panel panel-default">
+					<div class="panel-heading" role="tab">
+						<h4 class="panel-title">
+							<a role="button" data-toggle="collapse" data-parent="#accordion" href="#flag-pid-{posts.pid}" aria-expanded="true" aria-controls="flag-pid-{posts.pid}">
+								<span class="label <!-- IF ../flag.labelClassName -->{../flag.labelClassName}<!-- ELSE -->label-info<!-- ENDIF ../flag.labelClassName -->">[[topic:flag_manage_state_<!-- IF ../flag.state -->{../flag.state}<!-- ELSE -->open<!-- ENDIF ../flag.state -->]]</span>
+								&nbsp;[[topic:flag_manage_title, {posts.category.name}]]
+								<small><span class="timeago" title="{posts.timestampISO}"></span></small>
+							</a>
+						</h4>
+					</div>
+					<div id="flag-pid-{posts.pid}" class="panel-collapse collapse<!-- IF @first --> in<!-- ENDIF @first -->" role="tabpanel">
+						<div class="panel-body">
 							<div class="row" data-pid="{posts.pid}" data-tid="{posts.topic.tid}">
 								<div class="col-sm-8">
-						<div class="panel panel-default">
-							<div class="panel-body flag-post-body">
+									<div class="well flag-post-body">
 										<a href="{config.relative_path}/user/{../user.userslug}">
 											<!-- IF ../user.picture -->
 											<img title="{posts.user.username}" src="{../user.picture}">
@@ -78,7 +89,6 @@
 										</small>
 									</div>
 								</div>
-					</div>
 								<div class="col-sm-4">
 									<i class="fa fa-flag"></i> This post has been flagged {posts.flags} time(s):
 									<blockquote class="flag-reporters">
@@ -103,6 +113,42 @@
 									</div>
 								</div>
 							</div>
+							<hr />
+							<div class="row">
+								<div class="col-sm-6">
+									<form role="form">
+										<div class="form-group">
+											<label for="{../pid}-assignee">[[topic:flag_manage_assignee]]</label>
+											<select class="form-control" id="{../pid}-assignee" name="assignee">
+												<option value="2">julian</option>
+											</select>
+										</div>
+										<div class="form-group">
+											<label for="{../pid}-state">[[topic:flag_manage_state]]</label>
+											<select class="form-control" id="{../pid}-state" name="state">
+												<option value="open">[[topic:flag_manage_state_open]]</option>
+												<option value="wip">[[topic:flag_manage_state_wip]]</option>
+												<option value="resolved">[[topic:flag_manage_state_resolved]]</option>
+												<option value="rejected">[[topic:flag_manage_state_rejected]]</option>
+											</select>
+										</div>
+										<div class="form-group">
+											<label for="{../pid}-notes">[[topic:flag_manage_notes]]</label>
+											<textarea class="form-control" id="{../pid}-notes" name="notes"></textarea>
+										</div>
+										<button class="btn btn-sm btn-primary btn-block">[[topic:flag_manage_update]]</button>
+									</form>
+								</div>
+								<div class="col-sm-6">
+									<h5>[[topic:flag_manage_history]]</h5>
+									<!-- IF !../flagHistory.length -->
+									<div class="alert alert-info">[[topic:flag_manage_no_history]]</div>
+									<!-- ENDIF !../flagHistory.length -->
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
 				<!-- END posts -->
 			</div>
 		</div>