ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / tbf.ro / resources / js / components / pages /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : PersonalCourses.vue \| Size : 5.51 KB
<template> <div class="container"> <div class="list-courses" v-if="loaded"> <div class="course-item" v-for="course in courses"> <div class="title-course"> <h2 @click="selectCourse(course)">{{ course.name }}</h2> </div> <div class="progress-course d-flex align-items-center" v-if="course.paid"> <div class="progress-bar-tbf"> <div class="completed-progress" :style="'width: '+ course.percentage_completed +'%;'"></div> </div> <div class="data-progress"> <span class="percentage-complete">{{ course.percentage_completed }}%</span> <span class="count-lessons">({{ course.completed_lessons }} din {{ course.total_lessons }} lectii)</span> </div> </div> <!-- <div class="rating-course" v-else> <router-link :to="{path: '/reviews/' + course.slug }" class="d-inline-flex align-items-center"> <div class="star-rating"> <star :class="'star star-1 average-' + course.average_rating"></star> <star :class="'star star-2 average-' + course.average_rating"></star> <star :class="'star star-3 average-' + course.average_rating"></star> <star :class="'star star-4 average-' + course.average_rating"></star> <star :class="'star star-5 average-' + course.average_rating"></star> </div> <div class="no-reviews"> {{ course.reviews_count }} reviews </div> </router-link> </div> --> <div class="description-course" @click="selectCourse(course)"> {{ course.description }} </div> </div> <h3 class="subtitle-related" v-if="relates.length">Cursuri recomandate in continuare…</h3> <div class="related_courses" v-if="relates.length"> <div class="related_item" v-for="relatedItem in relates" @click="selectCourse(relatedItem)"> <div class="box"> <h5 class="title-course">{{ relatedItem.name }}</h5> <p class="short_description">{{ relatedItem.description }}</p> <!-- <div class="star-rating"> <star :class="'star star-1 average-' + relatedItem.average_rating"></star> <star :class="'star star-2 average-' + relatedItem.average_rating"></star> <star :class="'star star-3 average-' + relatedItem.average_rating"></star> <star :class="'star star-4 average-' + relatedItem.average_rating"></star> <star :class="'star star-5 average-' + relatedItem.average_rating"></star> </div> --> </div> </div> <div class="related_item view-all" @click="viewAllCourses"> <div class="box"> <h5 class="title-course">Vezi toate cursurile disponibile</h5> </div> </div> </div> <div class="paginate"> <div class="page" v-for="n in total_pages" @click="changePage(n)" v-bind:class="[current_page == n ? 'active' : '']">{{n}}</div> </div> </div> </div> </template> <script> import Star from "../icons/Star"; export default { data() { return { loaded: false, courses: {}, total_pages: 0, relates: {}, current_page: 1 } }, components: { 'star': Star, }, watch: { $route (to, from){ if (typeof this.$route.query.page != "undefined") { this.current_page = this.$route.query.page; axios.post("getPersonalCourses", {page: this.$route.query.page}) .then(response => { this.courses = response.data.courses; this.relates = response.data.relates; this.loaded = true; this.total_pages = response.data.total_pages; }); }else{ this.current_page = 1; axios.post("getPersonalCourses", {page: 1}) .then(response => { this.courses = response.data.courses; this.relates = response.data.relates; this.loaded = true; this.total_pages = response.data.total_pages; }); } } }, mounted(){ axios.defaults.headers.common["Authorization"] = "Bearer " + this.$auth.token(); axios.defaults.headers.common["Authorization"] = "Bearer " + this.$auth.token(); if (typeof this.$route.query.page != "undefined") { this.current_page = this.$route.query.page; axios.post("getPersonalCourses", {page: this.$route.query.page}) .then(response => { this.courses = response.data.courses; this.relates = response.data.relates; this.loaded = true; this.total_pages = response.data.total_pages; }); }else{ this.current_page = 1; axios.post("getPersonalCourses", {page: 1}) .then(response => { this.courses = response.data.courses; this.relates = response.data.relates; this.loaded = true; this.total_pages = response.data.total_pages; }); } }, methods: { selectCourse: function(course){ this.$router.push("/cursuri/" + course.slug); }, continueLesson: function(course){ this.$router.push("/cursuri/" + course.slug + "/" + course.slug_continue_lesson); }, changePage(no){ this.current_page = no; this.$router.push({path: '/cursurile-mele', query: { page: no }}); axios.post("getPersonalCourses", {page: no}) .then(response => { this.courses = response.data.courses; this.relates = response.data.relates; this.loaded = true; this.total_pages = response.data.total_pages; }); }, viewAllCourses(){ this.$router.push("/cursuri"); } } } </script> Back

Edit File : PersonalCourses.vue | Size : 5.51 KB

<template>
	<div class="container">
		<div class="list-courses" v-if="loaded">
			<div class="course-item" v-for="course in courses">
				<div class="title-course">
					<h2 @click="selectCourse(course)">{{ course.name }}</h2>
				</div>
				<div class="progress-course d-flex align-items-center" v-if="course.paid">
					<div class="progress-bar-tbf">
						<div class="completed-progress" :style="'width: '+ course.percentage_completed +'%;'"></div>
					</div>
					<div class="data-progress">
						<span class="percentage-complete">{{ course.percentage_completed }}%</span>
						<span class="count-lessons">({{ course.completed_lessons }} din {{ course.total_lessons }} lectii)</span>
					</div>
				</div>
				
				<div class="description-course" @click="selectCourse(course)">
					{{ course.description }}
				</div>
			</div>

<h3 class="subtitle-related" v-if="relates.length">Cursuri recomandate in continuare…</h3>
			<div class="related_courses" v-if="relates.length">
				<div class="related_item" v-for="relatedItem in relates" @click="selectCourse(relatedItem)">
					<div class="box">
						<h5 class="title-course">{{ relatedItem.name }}</h5>
						<p class="short_description">{{ relatedItem.description }}</p>
						
					</div>
				</div>
				<div class="related_item view-all" @click="viewAllCourses">
					<div class="box">
						<h5 class="title-course">Vezi toate cursurile disponibile</h5>
					</div>
				</div>
			</div>

export default {
    	data() {
      		return { 
      			loaded: false,
      			courses: {},
            	total_pages: 0,
            	relates: {},
            	current_page: 1
      		}
		},
		components: {
            'star': Star,
        },
        watch: {
        	$route (to, from){
	            if (typeof this.$route.query.page != "undefined") {
					this.current_page = this.$route.query.page;
					axios.post("getPersonalCourses", {page: this.$route.query.page})
			        .then(response => {
			          this.courses = response.data.courses;
			          this.relates = response.data.relates;
			          this.loaded = true;
			          this.total_pages = response.data.total_pages;
			        });
				}else{
					this.current_page = 1;
					axios.post("getPersonalCourses", {page: 1})
			        .then(response => {
			          this.courses = response.data.courses;
			          this.relates = response.data.relates;
			          this.loaded = true;
			          this.total_pages = response.data.total_pages;
			        });	
				}
	        }
        },
		mounted(){
			axios.defaults.headers.common["Authorization"] = "Bearer " + this.$auth.token();

axios.defaults.headers.common["Authorization"] = "Bearer " + this.$auth.token();
			if (typeof this.$route.query.page != "undefined") {
				this.current_page = this.$route.query.page;
				axios.post("getPersonalCourses", {page: this.$route.query.page})
		        .then(response => {
		          this.courses = response.data.courses;
		          this.relates = response.data.relates;
		          this.loaded = true;
		          this.total_pages = response.data.total_pages;
		        });
			}else{
				this.current_page = 1;
				axios.post("getPersonalCourses", {page: 1})
		        .then(response => {
		          this.courses = response.data.courses;
		          this.relates = response.data.relates;
		          this.loaded = true;
		          this.total_pages = response.data.total_pages;
		        });	
			}
		},
    	methods: {
    		selectCourse: function(course){
    			this.$router.push("/cursuri/" + course.slug);
    		},
    		continueLesson: function(course){
    			this.$router.push("/cursuri/" + course.slug + "/" + course.slug_continue_lesson);
    		},
    		changePage(no){
    			this.current_page = no;
        		this.$router.push({path: '/cursurile-mele', query: { page: no }});

axios.post("getPersonalCourses", {page: no})
		        .then(response => {
		          this.courses = response.data.courses;
		          this.relates = response.data.relates;
		          this.loaded = true;
		          this.total_pages = response.data.total_pages;
		        });
    		},
    		viewAllCourses(){
        		this.$router.push("/cursuri");
    		}
    	}
  }
</script>

Back