Skip to main content

How to use Modal in meteor blaze

//modal trigger
<a  href="#Show_invited_list" class="modal-trigger trigger_helper" style="width: 100%; margin-top: 10px;" id="Show_invited" >


//modal html

  <div id="Show_invited_list" class="modal modal-fixed-footer modal_invitees modal_content_height">
        <div class="modal-header modal_header_create_event">
      <p class="modal_heading_p" style="margin-bottom: 0px;"><span style="margin-right: 20px;"><i class="fa fa-chevron-left"></i> </span> S</p>
        </div>

    <div class="modal-content">
       <ul class="collection">

    <li class="collection-item avatar " style="margin-bottom: 10px;">
      <img src="{{profile_pic}}" alt="" class="circle modal_invitees_img_page">
      <p class="invitees_name">{{name}}</p>
      <p class="invitees_headline">{{headline}}
       <span style="float: right;">
      <input type="checkbox" class="inviteuser invitees_headline_label" name="inviteuser[]" value="{{user_id}}" id="{{_id}}" />
      <label class="invitees_headline_label" for="{{_id}}"></label>
        </span>

      </p>
    </li>

  </ul>
    </div>
    <div class="modal-footer modal_footer_last">
       <a href="#!" id="agreeto" class="modal-action modal-close waves-effect waves-green btn-flat modal_footer_last_btn ">Invite</a>
    </div>
  </div>

//modal script
<script type="text/javascript">
 $(document).ready(function(){
    $('.modal').modal();
  });
</script>

Comments

Post a Comment

Popular posts from this blog

Meteor JS REST API

WRITE A POST Shahid Shaikh FOLLOW Engineer, Blogger from Mumbai. RESTful CRUD Operations in Meteor.js Published Dec 31, 2015 Last updated Jan 19, 2017 Introduction Meteor is a popular framework for building real-time web applications. We have already covered a tutorial which explains  how to build chat system using Meteor.js . In this tutorial, we will learn how to develop a RESTful API using Meteor which perform CRUD operations. Creating new project Create a new meteor project using the following command: meteor create appName Choose an application name of your choice. Once Meteor is done creating the project, you will see the directories and files created by Meteor in the folder name. We will not need them as of now, so we will delete all of those files and create whatever we need in the coming section. Installing iron-router In order to perform routing in Meteor, we will use  this awesome...
1 comment
Read more

Meteor Mongodb Mup Commands

docker exec -it mongodb mongo docker cp mongodb:dump/ce5-meteor . If deployed with mup, you are in luck. You can find the steps here:  https://github.com/xpressabhi/mup-data-backup Here are the steps again: MongoDB Data Backup deployed via mup These commands run well only if meteor deployed with mup tool. Mup creates docker for mongodb hence taking backup becomes easy with these commands. Backup Take backup of running app data from docker then copy to local folder out of docker. docker exec -it mongodb mongodump --archive= /root/m ongodump. gz --gzip docker cp mongodb : /root/m ongodump. gz mongodump_$ (date +%Y-%m-%d_%H-%M-%S). gz Copy backup to server Move data to another server/local machine or a backup location scp /path/to/dumpfile root@ serverip : /path/ to/backup Delete old data from meteor deployment Get into mongo console running in docker then drop current database before getting new data. docker exec -it mongodb mongo appName db. runCommand ( { dropDatabase : 1 } ) ...
Post a Comment
Read more