viithiisys / startup_jalsa_frontend

Download as
Browse Code »

Commit 63f32ea64bade0fb83a16df0dcff9fa1c900479c

Authored by Shilpi Saini
1 parent 4433aa74dd
Exists in master

new campus ambassador form integrate

Showing 4 changed files with 387 additions and 1 deletions   Show diff stats
pages/campusAmbassador.html
Diff comments   View file @63f32ea
... ... @@ -0,0 +1,91 @@
  1 +<div class="header" >
  2 + <div>
  3 + <!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr">2018</span>
  4 + <h4 class="PitchYourPower">#PitchYourPower</h4> -->
  5 + </div>
  6 + <div class="clearfix"></div>
  7 + </div>
  8 + <form name="homeForm">
  9 + <div class="city-meetup card-color">
  10 + <img src="images/Startup_JAlsa_logo.png" class="logojalsa">
  11 + <div class="jalsaHeader">CAMPUS AMBASSADOR PROGRAM</div>
  12 + <!-- <div class="col-md-12 happen-imagemeetup">
  13 + <div class="row">
  14 + <div class="col-sm-4 imagemeetup">
  15 + <img src="images/1.2.png" class="imagecenter" style="margin:auto;display:block">
  16 + <div class="imageText">Founder Talk</div>
  17 + <div class="imageTxt imagemargin">Listen to leading entrepreneurs about their first investment pitch.</div>
  18 + </div>
  19 + <div class="col-sm-4 image-meet-up">
  20 + <img src="images/3.2.png" class="imagecenter" style="margin:auto;display:block">
  21 + <div class="imageText">Elevator Pitch</div>
  22 + <div class="imageTxt imagemargin">Startups will get 60 seconds to pitch their startups.</div>
  23 + </div>
  24 + <div class="col-sm-4">
  25 + <img src="images/2.2.png" class="imagecenter" style="margin:auto;display:block">
  26 + <div class="imageText">Networking</div>
  27 + <div class="imageTxt">Shortlisted startups get to network with fellow startups and founders.</div>
  28 + </div>
  29 + </div>
  30 + <div class="apply-btn1">
  31 + <button class="btn submit-button" style="outline: none;" value="Apply" ng-click="apply()" >REGISTER</button>
  32 + </div>
  33 + </div> -->
  34 + <div class="col-xs-12">
  35 + <div class="happen-meetup">
  36 + <div class="startup-questions">About Startup Jalsa</div>
  37 + <div class="startup-answers"><b>We are a startup platform - on a mission to inspire and invest in entrepreneurial talent - and help founders build enduring businesses.</b> Since our inception as a conference in 2015, over 2000 companies have participated in the various events of Startup Jalsa and they have gone on to raise cumulatively over 500crores in funding.</div>
  38 + </div>
  39 + <div class="happen-meetup">
  40 + <div class="startup-questions">About the Campus Ambassador Program:</div>
  41 + <div class="startup-answers">We are passionate about empowering entrepreneurs in the deepest part of the corners of South Asia. Therefore, we are launching our Campus Ambassador Program to partner and support the top startup ecosystem builders. Following are the details to enrol for the Campus Ambassador:</div>
  42 + </div>
  43 + <div class="happen-meetup">
  44 + <div class="startup-questions">Expected responsibilities:</div>
  45 + <div class="startup-answers">
  46 + <ul>
  47 + <li>After pitch sessions, non-binding term sheet will be offered to the selected startups and the legal and financial due diligence will be initiated.</li>
  48 + <li>Spread word in your college, network through WhatsApp.</li>
  49 + <li>Get Start-ups in your network to participate – you can make cool pocket money – via 10% commission of all the sales that will be generated. We will give you a unique promo code to track all the sales. </li>
  50 + </ul>
  51 + </div>
  52 + </div>
  53 + <div class="happen-meetup">
  54 + <div class="startup-questions">Enrolling for the program and benefits: </div>
  55 + <div class="startup-answers">
  56 + <ul>
  57 + <li>You will have to pay a refundable deposit of 500 Rs to register for the program. </li>
  58 + <li>The same will be refunded after <b>ONE Startup</b> registers through your promo code.</li>
  59 + <li>You will get free access to all Startup Jalsa events happening in 4 countries and 12 cities. Full list of dates and venues <a href="https://startupjalsa.com/events#/" target="_blank" style="color: #2196f3;">here</a>.</li>
  60 + <li>You will get special networking sessions with participating speakers and investors.</li>
  61 + <li>Get an exclusive license to host <b>Startup Jalsa Ideate Edition</b> in your colleges.</li>
  62 + <li>Get mentoring to raise sponsorships, speakers for your events.</li>
  63 + <li>Fully sponsored trip to Startup Jalsa, Invest edition in Dharamshala 2019 for Campus Ambassadors who will register more than 10 startups. </li>
  64 + </ul>
  65 + </div>
  66 + </div>
  67 + <div class="apply-btn">
  68 + <button class="btn submit-button" style="outline: none;" value="Apply" ng-click="applyCampusAmbassador()" >REGISTER</button>
  69 + </div>
  70 + </div>
  71 + </div>
  72 + </form>
  73 + <footer>
  74 + <img id="footer" class="img-responsive banner">
  75 + <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
  76 + </footer>
  77 + <span ng-show="span == true">
  78 + <span id="chennai"></span>
  79 + <span id="mumbai"></span>
  80 + <span id="hyderabad"></span>
  81 + <span id="kolkata"></span>
  82 + <span id="delhi"></span>
  83 + <span id="ahmedabad"></span>
  84 + <span id="bengaluru"></span>
  85 + <span id="jaipur"></span>
  86 + <span id="kanpur"></span>
  87 + <span id="dharamsala"></span>
  88 + </span>
  89 +
  90 +
  91 +
0 92 \ No newline at end of file
... ...
pages/campusAmbassadorConfirm.html
Diff comments   View file @63f32ea
... ... @@ -0,0 +1,23 @@
  1 +<html>
  2 +<head>
  3 +</head>
  4 +<body>
  5 + <div class="col-xs-12 col-md-6 col-md-offset-3 city-meetup card-color-confirm">
  6 + <!-- <h3 style="text-align:center;margin-top:4%;position:relative;color: #3542dd;font-size: 40px;"><b>You're now registered for Startup Jalsa Pitch Sessions 2019. </b></h3> -->
  7 + <p style="text-align:center;font-size:18px;position:relative;color: #FF6600"><b>You're now registered for the Campus Ambassador Program of Startup Jalsa.</b></p>
  8 + <p style="text-align:center;font-size:18px;position:relative;color: #FF6600"><b>The payment receipt and other relevant details are emailed to you.</b></p>
  9 + </div>
  10 +</body>
  11 +</html>
  12 +<span ng-show="span == true">
  13 + <span id="chennai"></span>
  14 + <span id="mumbai"></span>
  15 + <span id="hyderabad"></span>
  16 + <span id="kolkata"></span>
  17 + <span id="delhi"></span>
  18 + <span id="ahmedabad"></span>
  19 + <span id="bengaluru"></span>
  20 + <span id="jaipur"></span>
  21 + <span id="kanpur"></span>
  22 + <span id="dharamsala"></span>
  23 +</span>
0 24 \ No newline at end of file
... ...
pages/campusAmbassadorForm.html
Diff comments   View file @63f32ea
... ... @@ -0,0 +1,113 @@
  1 +
  2 +<div class="header">
  3 + <div>
  4 + <!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span> -->
  5 + <!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->
  6 + </div>
  7 + <div class="clearfix"></div>
  8 + <div class="myLoaderWrap" ng-show="loading">
  9 + <img class="ajax-loader" src="images/loader.gif">
  10 + </div>
  11 + </div>
  12 + <!-- CLOSE HEADER -->
  13 + <form name="campusAmbassadorForm">
  14 + <div class="col-xs-12 col-md-8 col-md-offset-2">
  15 + <div class="form-all">
  16 + <h4 class="title">CAMPUS AMBASSADOR FORM</h4>
  17 + <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" style="color: #FF6600;">GENERAL DETAILS</div>
  18 + <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >
  19 + <div class="form-group">
  20 + <label>Name:</label>
  21 + <input type="name" class="form-control" ng-model="data.name" required>
  22 + </div>
  23 + <div class="form-group">
  24 + <label>Contact Details:</label>
  25 + <input type="text" class="form-control" ng-model="data." required>
  26 + <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label> -->
  27 + </div>
  28 + <div class="form-group">
  29 + <label>Email ID:</label>
  30 + <input type="email" class="form-control" ng-model="data.email" required>
  31 + </div>
  32 + <div class="form-group">
  33 + <label>College Name:</label>
  34 + <input type="text" class="form-control" ng-model="data.collegeName" required>
  35 + </div>
  36 + <div class="form-group">
  37 + <label>State of your College:</label>
  38 + <input type="text" class="form-control" ng-model="data.collegeState" required>
  39 + </div>
  40 + </div>
  41 + <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" style="color: #FF6600;">EVENT</div>
  42 + <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper">In this section, let us know about the event you plan to organize under Startup Jalsa Ideate Edition. We understand that some of the information you enter here could be tentative. </div>
  43 + <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >
  44 + <div class="form-group">
  45 + <label>Workshop Name:</label>
  46 + <input type="name" class="form-control" ng-model="data.workshopName" placeholder="University events must be named after the institution (e.g., Ideate IIT Delhi)" required>
  47 + </div>
  48 + <div class="form-group">
  49 + <label>Workshop Type:</label>
  50 + <select class="form-control" ng-model="data.workshopType" required>
  51 + <option name="stage" selected disabled value="">Choose Type</option>
  52 + <option value="How to find startup ideas">How to find startup ideas</option>
  53 + <option value="How to build a MVP">How to build a MVP</option>
  54 + <option value="How to Start a startup">How to Start a startup</option>
  55 + <option value="How to create pitch deck">How to create pitch deck</option>
  56 + <option value="How to Pitch to investors">How to Pitch to investors</option>
  57 + </select>
  58 + </div>
  59 + <div class="form-group">
  60 + <label>Tell us about the local community you will serve with this workshop.</label>
  61 + <input type="email" class="form-control" ng-model="data.community" placeholder="Who will be in your intended audience?" required>
  62 + </div>
  63 + <div class="form-group">
  64 + <label>Describe the venue</label>
  65 + <input type="text" class="form-control" ng-model="data.venue" placeholder="Tell us about the place in which you plan to host your workshop. If you are not sure where it will be, tell us the venues you are considering." required>
  66 + </div>
  67 + <div class="form-group">
  68 + <label>How many people will attend your workshop?</label>
  69 + <input type="text" class="form-control" ng-model="data.people" placeholder=" If you are not sure, give us your best guess. " required>
  70 + </div>
  71 + </div>
  72 + <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" style="color: #FF6600;">ABOUT YOU</div>
  73 + <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >
  74 + <div class="form-group">
  75 + <label> What are you passionate about in your own life?</label>
  76 + <input type="name" class="form-control" ng-model="data.life" placeholder="E.g., your work, your community, your creative projects ..." required>
  77 + </div>
  78 + <div class="form-group">
  79 + <label>List the events which you have organised before</label>
  80 + <input type="email" class="form-control" ng-model="data.events" placeholder=" Provide website/facebook/Instagram link of the event, if available" required>
  81 + </div>
  82 + <div class="form-group">
  83 + <label>What made you decide you wanted to become the Campus Ambassador of Startup Jalsa? What inspired you?</label>
  84 + <input type="text" class="form-control" ng-model="data.inspired" required>
  85 + </div>
  86 + <div class="form-group">
  87 + <label>What do we need to know about you that we didn't ask?</label>
  88 + <input type="text" class="form-control" ng-model="data.task" required>
  89 + </div>
  90 + </div>
  91 + <div class="clearfix"></div>
  92 + <div class="text-center">
  93 + <input type="submit" class="btn submit-button-form" style="outline: none;" value="Submit" ng-click="formRegister()">
  94 + </div>
  95 + </div>
  96 + </form>
  97 + <!-- CLOSE FORM -->
  98 + <!-- </div> CLOSE CHECK VIEW -->
  99 + <span ng-show="span == true">
  100 + <span id="chennai"></span>
  101 + <span id="mumbai"></span>
  102 + <span id="hyderabad"></span>
  103 + <span id="kolkata"></span>
  104 + <span id="delhi"></span>
  105 + <span id="ahmedabad"></span>
  106 + <span id="bengaluru"></span>
  107 + <span id="jaipur"></span>
  108 + <span id="kanpur"></span>
  109 + <span id="dharamsala"></span>
  110 + </span>
  111 +
  112 +
  113 +
... ...
... ... @@ -35,9 +35,27 @@
35 35 controller: 'ambassadorController'
36 36 })
37 37  
  38 + //route for the campusAmbassador page
  39 + .when('/campusAmbassador', {
  40 + templateUrl: 'pages/campusAmbassador.html',
  41 + controller: 'mainController'
  42 + })
  43 +
  44 + //route for the campusAmbassador page
  45 + .when('/campusAmbassadorForm', {
  46 + templateUrl: 'pages/campusAmbassadorForm.html',
  47 + controller: 'campusAmbassadorController'
  48 + })
  49 +
38 50 // route for the confirmation page
  51 + // .when('/confirmation', {
  52 + // templateUrl: 'pages/confirmation.html',
  53 + // controller: 'confirmationController'
  54 + // })
  55 +
  56 + // route for the confirmation page
39 57 .when('/confirmation', {
40   - templateUrl: 'pages/confirmation.html',
  58 + templateUrl: 'pages/campusAmbassadorConfirm.html',
41 59 controller: 'confirmationController'
42 60 })
43 61  
... ... @@ -430,6 +448,11 @@
430 448 //window.location.href = "https://startupjalsa.com/events#/caricatures?utm_source=RegisterNowDown&utm_medium=Register";
431 449 }
432 450  
  451 + $scope.applyCampusAmabassador = function() {
  452 + $location.path("/campusAmbassadorForm")
  453 + //window.location.href = "https://startupjalsa.com/events#/caricatures?utm_source=RegisterNowDown&utm_medium=Register";
  454 + }
  455 +
433 456 $scope.click=function(){
434 457 Analytics.trackEvent('whatsapp', 'click', 'Registration');
435 458 let redirectUrl = "https://wa.me/918283056881";
... ... @@ -1319,6 +1342,142 @@ scotchApp.controller(&#39;paytmController&#39;, function($q, $scope, $http, $location, $
1319 1342  
1320 1343 });
1321 1344  
  1345 +scotchApp.controller('campusAmbassadorController', function($q, $scope, $http, $location, $rootScope,$route,BASE_URL,Analytics) {
  1346 + $scope.data = {};
  1347 + var data = {
  1348 + "amount": $scope.ticketAmnt,
  1349 + "currency": "INR",
  1350 + "status": "pending",
  1351 + }
  1352 +
  1353 + $scope.ngShowhide = false;
  1354 + $scope.GetValue = function(){
  1355 + if($scope.data.sector == "Other"){
  1356 + $scope.ngShowhide = true;
  1357 + }else{
  1358 + $scope.ngShowhide = false;
  1359 + }
  1360 + }
  1361 +
  1362 + $scope.ngShow = false;
  1363 + $scope.getValue = function(){
  1364 + if($scope.data.hear == "Other"){
  1365 + $scope.ngShow = true;
  1366 + }else{
  1367 + $scope.ngShow = false;
  1368 + }
  1369 + }
  1370 +
  1371 + $scope.formRegister = function() {
  1372 + //Analytics.trackEvent('register', 'click', 'Registration');
  1373 + $scope.loading = true;
  1374 + //$scope.data.uploadFile = $scope.base64textString;
  1375 + $scope.infoForm = true;
  1376 + $scope.ticketAmnt = 590;
  1377 + $scope.detail = {};
  1378 + $scope.data.phone = "+91"+$scope.data.number;
  1379 +
  1380 + $http({
  1381 + method: 'POST',
  1382 + url: BASE_URL+'/campusAmbassadors',
  1383 + data: $scope.data,
  1384 + headers: {}
  1385 + }).then(function mySuccess(result) {
  1386 + $scope.detail = result;
  1387 + data.campusAmbassadorId = result.data.id;
  1388 + $scope.userId = result.data.id;
  1389 + var amount = $scope.ticketAmnt * 100
  1390 +
  1391 + if($scope.detail != null){
  1392 + $http({
  1393 + method: 'POST',
  1394 + url: BASE_URL+'/ambassadorPayments',
  1395 + data: data,
  1396 + headers: {}
  1397 + }).then(function mySuccess(paymentResult) {
  1398 + console.log(paymentResult)
  1399 + $scope.loading = false;
  1400 + $scope.paymentResult = paymentResult;
  1401 + //$location.path("/paytm/confirm")
  1402 + }, function myError(error) {
  1403 + });
  1404 + }
  1405 +
  1406 + var i = 0;
  1407 + $scope.payingAmntt = $scope.ticketAmnt * 100;
  1408 + data.amount = $scope.ticketAmnt;
  1409 + var options = {
  1410 + //"key": "rzp_test_YwHsVFiDIQ2WUQ",
  1411 + "key": "rzp_live_mkmCb4FkstuWaS",
  1412 + "amount": $scope.payingAmntt,
  1413 +
  1414 + "name": "Startup Jalsa",
  1415 + "description":"amount",
  1416 + "currency": "INR",
  1417 + "status": "done",
  1418 +
  1419 + "prefill": {
  1420 + "email": $scope.detail.email,
  1421 + "contact": $scope.detail.phone
  1422 + },
  1423 +
  1424 + "theme": {
  1425 + "color": "#2196f3 ",
  1426 + "image_padding":"NO"
  1427 + },
  1428 + "modal": {
  1429 + "ondismiss": function(){
  1430 + }
  1431 + },
  1432 + "handler": function (response){
  1433 + createPayment(response);
  1434 + }
  1435 + };
  1436 + var rzp1 = new Razorpay(options);
  1437 + rzp1.open();
  1438 + $scope.paymentResponse = {};
  1439 + function createPayment(response){
  1440 + console.log("response",response)
  1441 + console.log($scope.paymentResult)
  1442 + $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
  1443 + $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
  1444 + $scope.paymentResponse.amount = data.amount;
  1445 + $scope.paymentResponse.currency = "INR";
  1446 + $scope.paymentResponse.status = $scope.paymentResult.data.status;
  1447 + $http({
  1448 + method: 'PUT',
  1449 + url: BASE_URL+'/ambassadorPayments/'+$scope.paymentResult.data.id,
  1450 + data: $scope.paymentResponse,
  1451 + headers: {}
  1452 + }).then(function mySuccess(searchResult) {
  1453 + console.log("searchResult",searchResult)
  1454 + $location.path("/confirmation")
  1455 + //$scope.paymentResultt = searchResult.data;
  1456 + // $http({
  1457 + // method: 'GET',
  1458 + // url: BASE_URL+'/campusAmbassadors/'+$rootScope.paymentResultt.campusAmbassadorId,
  1459 + // data: $scope.data,
  1460 + // headers: {}
  1461 + // }).then(function mySuccess(result) {
  1462 + // //console.log("result2323324434",result)
  1463 + // //Analytics.trackEvent('success', 'click', 'Registration');
  1464 + // $location.path("/confirm")
  1465 + // })
  1466 + }, function myError(error) {
  1467 + });
  1468 + }
  1469 + //}
  1470 +
  1471 + }, function myError(error) {
  1472 +
  1473 + });
  1474 +
  1475 + //})
  1476 +
  1477 + }
  1478 +
  1479 +});
  1480 +
1322 1481  
1323 1482 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route, BASE_URL) {
1324 1483 $scope.data = {};
... ...