Skip to content

Commit

Permalink
Added Officer Contact Options
Browse files Browse the repository at this point in the history
Added ability to send message to individual officers and to send
messages to ACM directly through the website. Closes #43
  • Loading branch information
Fromalaska49 committed Sep 14, 2017
1 parent 50fa6b4 commit 2b09e31
Show file tree
Hide file tree
Showing 3 changed files with 445 additions and 41 deletions.
168 changes: 162 additions & 6 deletions contact.php
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,71 @@
<?php
require('common/head-includes.php');
?>
<title>Contact Us | Association for Computing Machinery UTSA</title>
<title>Contact Us | Association for Computing Machinery UTSA</title>
<style type="text/css">
select, input[type="text"], input[type="password"], textarea {
background-color: #DFDFDF;
border-radius: 3px;
border-style: none;
outline-color: #204972;
outline-width: 1px;
outline-style: none;
padding-left: 10px;
padding-right: 10px;
}
select:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
outline-style: none;
box-shadow: 0px 0px 0px 3px #204972;
}
/*
select::selection, input[type="text"]::selection, input[type="password"]::selection, textarea::selection {
background:#204972;
color: #FFFFFF;
}
*/
</style>
<script type="text/javascript">
$(document).ready(function(){
<?php
if(isset($_GET['stat'])){
echo('$("#stat-modal").modal("show");');
}
?>
});
</script>
</head>
<body>
<?php
require('common/menu.php');
?>
<div class="modal fade" id="stat-modal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<div type="button" class="close" data-dismiss="modal">&times;</div>
<h4 class="modal-title">
Thanks
</h4>
</div>
<div class="modal-body">
<p>
<?php
$stat = '';
if(isset($_GET['stat'])){
$stat = rawurldecode($_GET['stat']);
}
echo(htmlentities($stat));
?>
</p>
</div>
<!--
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<div>
-->
</div>
</div>
</div>
<div id="content" class="container">
<div class="row">
<div class="col-sm-12">
Expand All @@ -20,7 +79,7 @@
<div class="row">
<div class="col-sm-8">
<p>
ACM's primary form of communication is through <a href="index#slack-container">Slack</a> at <a href="http://acm-utsa.slack.com">acm-utsa.slack.com</a>
ACM's primary form of communication is through <a href="index#slack-container">Slack</a> at <a href="http://acm-utsa.slack.com">acm-utsa.slack.com</a> but you can contact us directly through the form below.
</p>
</div>
<div class="col-sm-4" style="text-align:center;">
Expand All @@ -30,10 +89,107 @@
</div>
</div>
<br />
<p>
For any general inquiries, comments, questions, or any other business, please
contact us at <a href="mailto:[email protected]">[email protected]</a>.
</p>
<form action="send_message" method="post">
<?php
$position = '';
if(isset($_GET['position'])){
$position = $_GET['position'];
}
?>
<div class="row">
<div class="hidden-xs col-sm-12" style="text-align:left;margin-bottom:10px;">
<input type="text" name="name" placeholder="Your Name" aria-required="true" style="margin-right: 10px; width: 260px;" />
<input type="text" name="email" placeholder="Your Email" aria-required="true" style="width: 260px;" />
</div>
<div class="col-xs-12 hidden-sm hidden-md hidden-lg hidden-xl" style="text-align:center;margin-top:10px;">
<input type="text" name="m-name" placeholder="Your Name" aria-required="true" style="width:100%;" />
</div>
<div class="col-xs-12 hidden-sm hidden-md hidden-lg hidden-xl" style="text-align:center;margin-top:10px;margin-bottom:10px;">
<input type="text" name="m-email" placeholder="Your Email" aria-required="true" style="width:100%;" />
</div>
</div>
<div class="row">
<div class="col-md-12">
<textarea name="text" placeholder="Your Message" style="width:100%;height:400px;"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-12 hidden-xs" style="text-align:right;">
<input type="submit" value="Send" id="contact-form-submit-button" /> to
<select name="recipient" style="margin-left:10px;">
<option value="acm">
ACM UTSA
</option>
<option value="president"<?php if($position == 'president') echo(' selected');?>>
President
</option>
<option value="vice-president"<?php if($position == 'vice-president') echo(' selected');?>>
Vice President
</option>
<option value="secretary"<?php if($position == 'secretary') echo(' selected');?>>
Secretary
</option>
<option value="treasurer"<?php if($position == 'treasurer') echo(' selected');?>>
Treasurer
</option>
<option value="acmw-chair"<?php if($position == 'acmw-chair') echo(' selected');?>>
ACMW Chair
</option>
<option value="pr"<?php if($position == 'pr') echo(' selected');?>>
Public Relations
</option>
<option value="social"<?php if($position == 'social') echo(' selected');?>>
Social Events
</option>
<option value="media"<?php if($position == 'media') echo(' selected');?>>
Media
</option>
<option value="projects"<?php if($position == 'projects') echo(' selected');?>>
Projects
</option>
</select>
</div>
<div class="col-xs-12 hidden-sm hidden-md hidden-lg hidden-xl" style="text-align:center;">
<input type="submit" value="Send" id="contact-form-submit-button" />
<br />
to
</div>
<div class="col-xs-12 hidden-sm hidden-md hidden-lg hidden-xl" style="text-align:center;margin-top:10px;">
<select name="recipient">
<option value="acm">
ACM UTSA
</option>
<option value="president"<?php if($position == 'president') echo(' selected');?>>
President
</option>
<option value="vice-president"<?php if($position == 'vice-president') echo(' selected');?>>
Vice President
</option>
<option value="secretary"<?php if($position == 'secretary') echo(' selected');?>>
Secretary
</option>
<option value="treasurer"<?php if($position == 'treasurer') echo(' selected');?>>
Treasurer
</option>
<option value="acmw-chair"<?php if($position == 'acmw-chair') echo(' selected');?>>
ACMW Chair
</option>
<option value="pr"<?php if($position == 'pr') echo(' selected');?>>
Public Relations
</option>
<option value="social"<?php if($position == 'social') echo(' selected');?>>
Social Events
</option>
<option value="media"<?php if($position == 'media') echo(' selected');?>>
Media
</option>
<option value="projects"<?php if($position == 'projects') echo(' selected');?>>
Projects
</option>
</select>
</div>
</div>
<form>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 2b09e31

Please sign in to comment.