This commit is contained in:
2020-03-01 23:28:12 -05:00
parent d1075d0b79
commit 39830fd394
4 changed files with 176 additions and 150 deletions
+32
View File
@@ -195,6 +195,38 @@ class Member extends Member_Controller {
} }
} }
public function addPageCards() {
$data = array();
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$action_name = "VIDEOCARD";
$member_id = $_SESSION["member_id"];
$data["page_id"] = $this->input->get('page_id');
$data["page_key"] = $this->input->get('page_key');
/* if ($member_id > 0 && $page_key != '') {
//echo 'yes';
$mysql = "SELECT * FROM members_pages WHERE member_id = " . $_SESSION["member_id"] . " AND page_key='$page_key'";
$r = $this->db->query($mysql);
$drow = $r->row();
if (isset($drow)) {
$data['title'] = $drow->title;
$data['description'] = $drow->description;
$data['what_page'] = $drow->page_mode;
$this->renderMemberPages('view_mypage', $data);
$page_toindex = false;
}
}
*/
// echo "HERETTTT";
$data["start_page"] = 200;
$page_string = $this->load->view('member/addpages/' . $action_name, $data, TRUE);
echo $page_string;
}
}
public function addNotecard() { public function addNotecard() {
$data = array(); $data = array();
@@ -4,7 +4,7 @@
<h4 class="card-title">Add New Note</h4> <h4 class="card-title">Add New Note</h4>
</div> </div>
<div class="card-body"> <div class="card-body">
<form class="form"> <form class="form" id="noteForm">
<input type="hidden" id='member_id' name='member_id' value="<?= $_SESSION["member_id"] ?>" /> <input type="hidden" id='member_id' name='member_id' value="<?= $_SESSION["member_id"] ?>" />
<input type="hidden" id='page_id' name='page_id' value="<?= $page_id ?>" /> <input type="hidden" id='page_id' name='page_id' value="<?= $page_id ?>" />
@@ -53,6 +53,7 @@
var posting = $.post(url, post_data); var posting = $.post(url, post_data);
// Put the results in a div // Put the results in a div
posting.done(function (data) { posting.done(function (data) {
document.getElementById("noteForm").reset();
$('#save_detail').html(data); $('#save_detail').html(data);
$('#pagebt').prop('disabled', false); $('#pagebt').prop('disabled', false);
}); });
@@ -1,89 +1,101 @@
<!-- <?
<div class="card"> $startPage = 100;
<div class="card-content"> $startPage = isset($start_page) ? $start_page : 100;
<div class="card-body"> ?>
<h4 class="card-title">Add Video</h4>
</div>
<form class="md-form" method="POST" action="/member/upload" enctype="multipart/form-data"> <section id="start_100">
<input type="hidden" name="page_key" value="<?= $page_key ?>" >
<input type="hidden" id='member_id' name='member_id' value="<?= $_SESSION["member_id"] ?>" />
<input type="hidden" id='page_id' name='page_id' value="<?= $page_id ?>" />
<div class="form-group">
<label for="feedback1" class="sr-only">Note Title</label>
<input type="text" id="feedback1" class="form-control" placeholder="Name" name="name">
</div>
<div class="form-group">
<label for="feedback1" class="sr-only">Note Title</label>
<textarea id="feedback3" rows="4" class="form-control" name="message" placeholder="Description"></textarea>
</div>
<div class="file-field">
<div class="btn btn-primary btn-sm float-left">
<span>Choose files</span>
<input type="file" name="uploadedFile" />
</div>
<div class="file-path-wrapper">
</div>
</div>
<div class="form-actions">
<input type="submit" class="btn btn-primary mr-1" name="uploadBtn" value="Upload" />
</div>
</form>
</div>
</div>
</div>
</div>
-->
<section id="dropzone-examples">
<!-- button file upload starts --> <!-- button file upload starts -->
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h4 class="card-title">Media & Video</h4> <h4 class="card-title">Media & Video Contents</h4>
</div> </div>
<div class="card-content"> <div class="card-content">
<div class="card-body"> <div class="card-body">
<div id="start_10099">
<? if (100 == $startPage) { ?>
<form class="form" id="startForm">
<input type="hidden" id='member_id' name='member_id' value="<?= $_SESSION["member_id"] ?>" />
<input type="hidden" id='page_id' name='page_id' value="<?= $page_id ?>" />
<div class="form-body">
<div class="form-group">
<label for="feedback1" class="sr-only">Note Title</label>
<input type="text" id="feedback1" class="form-control" placeholder="Title" name="title" value="<?= isset($title) ? $title : '' ?>" required>
</div>
<div class="form-group">
<label for="feedback3" class="sr-only">Detail</label>
<textarea id="feedback3" rows="6" class="form-control" name="detail" placeholder="Note Detail" required=""><?= isset($details) ? $details : '' ?></textarea>
</div>
</div>
<div class="form-actions" style="text-align:right;">
<div id="save_detail"></div> <button type="submit" class="btn btn-primary mr-1" id="pagebt" onclick="return startUploadPageMedia(this.form);">Next</button>
</div>
</form>
<script type="text/javascript">
<!--
function startUploadPageMedia(form) {
$('#save_detail').html('Adding');
$('#pagebt').prop('disabled', true);
alert(form.member_id.value);
var post_data = {
'member_id': form.member_id.value,
'title': form.title.value,
'detail': form.detail.value,
'page_id': form.page_id.value
};
// alert(1);
// Get some values from elements on the page:
var url = "/member/addPageCards";
// Send the data using post
var posting = $.post(url, post_data);
// Put the results in a div
posting.done(function (data) {
$('#start_100').html(data);
// $('#start_100').html(null);
$('#pagebt').prop('disabled', false);
});
return false;
}
// -->
</script>
<? } ?>
<? if (200 == $startPage) { ?>
<div class="form-group">
<b>Title : jdjds fjdsf;lds;lkdsdfklds f;ldslkds g;ldsglds</b>
<br>
<b>Description : gds lkfjdslfkds sd;lkds ;lsgkdsg ;lkds;gdsgd ;lkkd sdgk gklkddkjhagajsnsa as fskf akf a'alfalf</b>
</div>
<div style="padding-bottom: 10px;"> <div style="padding-bottom: 10px;">
<p class="card-text">This example uploads a multiple files using dropzone js library. Using this method, <p class="card-text">Add the media and video files at below - the max file size if 50 MB, you may add up to 15 files. </p>
user gets an option to select th</p>
<button id="select-files" class="btn btn-primary mb-1"><i class="icon-file2"></i> Click me to select <button id="select-files" class="btn btn-primary mb-1"><i class="icon-file2"></i> Click me to select
files</button> files</button>
<form action="/member/upload" class="dropzone dropzone-area" id="dropzoneFrom"> <form action="/member/upload" class="dropzone dropzone-area" id="dropzoneFrom">
<div class="dz-message">Drop Files Here To Upload</div> <div class="dz-message">Drop Files Here To Upload</div>
</form> </form>
</div> </div>
<div class="form-group">
<label for="feedback1" class="sr-only">Note Title</label>
<input type="text" id="feedback1" class="form-control" placeholder="Name" name="name">
</div>
<div class="form-group">
<label for="feedback3" class="sr-only">Suggestion</label>
<textarea id="feedback3" rows="4" class="form-control" name="message" placeholder="Description"></textarea>
</div>
<div class="form-actions" style="text-align:right;"> <div class="form-actions" style="text-align:right;">
<button type="reset" class="btn btn-outline-warning">Cancel</button> <button type="reset" class="btn btn-outline-warning">Cancel</button>
<button type="button" class="btn btn-info" id="submit-all">Submit</button> <button type="button" class="btn btn-info" id="submit-all">Submit</button>
<!-- button type="submit" onclick="startUpload(<?= $_SESSION['member_id'] ?>, 0, );" class="btn btn-primary mr-1">Submit</button -->
</div> </div>
<br /> <br />
@@ -91,18 +103,6 @@
<br /> <br />
</div>
</div>
</div>
</div>
</div>
</section>
<div id="dropzone"></div>
<!-- script src="/assets2/vendors/js/extensions/dropzone.min.js"></script -->
<script type="text/javascript"> <script type="text/javascript">
<!-- <!--
@@ -151,33 +151,18 @@
new Dropzone(document.body, {
/********************************************
* Multiple Files *
********************************************/
// Dropzone.options.dpzMultipleFiles = {
// paramName: "file", // The name that will be used to transfer the file
// maxFilesize: 0.5, // MB
// clickable: true
// }
/********************************************************
* Use Button To Select Files *
********************************************************/
new Dropzone(document.body, {// Make the whole body a dropzone
url: "/member/upload", // Set the url url: "/member/upload", // Set the url
previewsContainer: "#dropzoneFrom", // Define the container to display the previews previewsContainer: "#dropzoneFrom", // Define the container to display the previews
clickable: "#select-files", // Define the element that should be used as click trigger to select files. clickable: "#select-files",
autoProcessQueue: false, autoProcessQueue: false,
acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg,.mp4", acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg,.mp4",
maxFiles: 10, maxFiles: 15,
parallelUploads:10, parallelUploads: 15,
init: function () { init: function () {
var submitButton = document.querySelector('#submit-all'); var submitButton = document.querySelector('#submit-all');
myDropzone = this; myDropzone = this;
submitButton.addEventListener("click", function () { submitButton.addEventListener("click", function () {
alert(3333);
myDropzone.processQueue(); myDropzone.processQueue();
}); });
this.on("complete", function () { this.on("complete", function () {
@@ -202,23 +187,33 @@
}); });
} }
function startUpload(member_id, page_id) {
$('#share_detail').html('Processing...');
$('#acc' + page_id).prop('disabled', true);
$.ajax({
url: "/member/upload?proc=PROCESS&page_id=" + page_id + "&member_id=" + member_id
}).done(function (data) {
$('#share_detail').html(data);
$('#acc' + page_id).prop('disabled', false);
});
return false;
}
//let member_id = '<?= $_SESSION["member_id"] ?>';
// --> // -->
</script> </script>
<? } ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- div id="dropzone"></div -->
@@ -88,5 +88,3 @@ if ($what_page == "DEFAULT") {
</div> </div>
</div> </div>
<!-- END: Content--> <!-- END: Content-->